There are several categories of CSS3 selectors
This article mainly introduces "several classifications of CSS3 selectors". In daily operation, I believe many people have doubts about the classification of CSS3 selectors. The editor consulted all kinds of data and sorted out simple and easy-to-use methods of operation. I hope it will be helpful for you to answer the doubts of "there are several kinds of CSS3 selectors." Next, please follow the editor to study!
Target pseudo-class selector
E:target selects all elements that match E, and the matching elements are pointed to by the relevant URL
II. UI element state pseudo-class selector syntax
1.E:checked check status pseudo-class selector matches selected check button or radio button form element
The 2.E:enabled enabled pseudo-class selector matches all enabled form elements
The 3.E:disabled unavailable status pseudo-class selector matches all disabled form elements
Third, negative pseudo-class selector
E:not (F) matches all E elements except element F
Fourth, attribute selector syntax
1. [attribute] is used to select elements with specified attributes.
2. [attribute=value] is used to select elements with specified attributes and values.
3. [attribute~=value] is used to select the element with the specified vocabulary in the attribute value.
4. [attribute | = value] is used to select an element with an attribute value that begins with the specified value, which must be the entire word.
5. [attribute ^ = value] matches each element whose attribute value begins with the specified value.
6. [attribute$=value] matches each element whose attribute value ends with the specified value.
7. [attribute*=value] matches each element that contains the specified value in the attribute value.
At this point, the study on "there are several categories of CSS3 selectors" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!
