What are the types of css selectors

This article mainly introduces "what are the types of css selector". In daily operation, I believe many people have doubts about the type of css selector. 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 question of "what are the types of css selector?" Next, please follow the editor to study!

1. Simple selector, the lowest structure of css selector, forms a simple selector.

Simple selectors can be divided into the following types:

The wildcard *, * selector can hit all html elements

Tag selector (Type) that hits html element tags such as div, span, p, etc.

Id selector, which starts with a # sign, such as # abc hits an element in html whose attribute name is "id" and attribute value is "abc"

2. Composite selector. If there is a tag selector in the simple selector that makes up the composite selector, you must put the tag selector in the front position.

Pseudo-classes and pseudo-elements need to be placed at the end.

3. Complex selector is composed of compound selector and connector.

Production can be expressed as:

= ["space" | ">" | "~" | + |] at this point, the study on "what are the types of css 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!