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

Today, Xiaobian to share with you what the powerful CSS selector has and how to use the relevant knowledge points, detailed content, clear logic, I believe that most people still know too much about this knowledge, so share this article for your reference, I hope you can get something after reading this article, let's take a look at it.

1. Div > a

This selector will enable us to select all elements whose parent element is a div tag.

2. Div + a

Select each tag immediately after the div element. If we have an element between the div and a tags, we will not select that element.

3. Div-aa

Tags each tag is selected and the div tag is added at the same level. In other words, if the a tag does not immediately follow the div tag, but has the div tag as the sibling element, the tag will be selected.

4. [attribute ^ = value]

For example: [class ^ = "list-"] this selector selects each element that contains the class attribute and whose value begins with list-.

5. [attribute $= value]

For example: [src $= ".png"] this selects the src attribute with each value ending in .png.

6. [attribute * = value]

For example: [class * = "- list"] this selector selects each element whose class attribute contains-list. It doesn't matter whether the-list is at the beginning, middle or end of the class value. The most important thing is that the value must contain-list.

These are all the contents of the article "what are the powerful CSS selectors and how to use them?" Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

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.