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

In this article, the editor introduces in detail "what types of CSS selectors are there" with detailed content, clear steps and proper handling of details. I hope this article "what types of CSS selectors" can help you solve your doubts.

Let's look at a piece of code first:

What is a CSS selector?

Php1

Php2

Php3

What if we want to set the php2 to blue? We have to "select" the second div in a way, and then change its CSS attribute color color to blue, like this change an element to the effect you want, the way to select the tag you want is the so-called "selector", that is to say, the selector is a way to select elements.

The so-called selector, to put it bluntly, is to select the tag you want in a way! Select it so that you can manipulate the CSS style of this tag. That's simple enough. CSS has many ways to select the tags you need, and these different ways are different selectors.

Second: what are the types of css selectors

1. Tag selector (e. G. body,div,p,ul,li)

two。 Class selector (such as: class= "head", class= "head_logo")

3.ID selector (e.g. id= "name", id= "name_txt")

4. Global selector (e. G. * sign)

5. Combination selector (e.g. .head.head _ logo, note that the two selectors are separated by the spacebar)

6. Inheritance selector (e.g. divp, note that the two selectors are separated by the spacebar)

7. Pseudo-class selector (such as: link style, pseudo-class of an element, 4 different states: link, visited, active, hover. )

8. Attribute selectors for string matching (^ $*, corresponding to the beginning, the end, and the include, respectively)

After reading this, the article "what are the types of CSS selectors" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it yourself to understand it. If you want to know more about related articles, welcome to follow 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.