Shulou(Shulou.com)06/03 Report--

This article introduces the relevant knowledge of "what is the difference between css descendant selector and child element selector". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Description

1. The descendant selector uses spaces as the connection symbol, and the child element selector uses > as the connection symbol.

2. The descendant selector selects all specific descendant tags, and the child element selector selects all specific direct tags.

The descendant selector will select the specified tag, and all specific descendant tags, that is, sons / grandchildren, will be selected as long as the specific tag is placed in the specified tag.

The child element selector only selects all specific direct tags in the specified tag, that is, only the specific son tag is selected.

Example

For example, what should I do as long as I choose class as the li tag of box instead of the innermost li tag? It's hard to do it simply with a descendant selector. At this point, the child selector comes out. You can write: div > ul > li {Note: > means that you can only go from generation to generation, for example: div > ul > li} what if you want to select all the li in div? You can write: div li {} or, for example, what if you just want to choose the innermost li tag? You can write: div > ul > li > ul > li {} html,body and so on, you should be able to understand the following is the content of body: "what is the difference between css descendant selector and child element selector" is introduced here, thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.