html 元素多层选择器,css选择器种类都有哪些？

要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

每一条css样式定义由两部分组成，形式如下：选择器{样式} ，在{}之前的部分就是“选择器”。

“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。

CSS选择器又被称为css样式属性、css属性选择器。

css选择器种类都有哪些？

选择器种类

1、ID选择器

#one{}

2、类选择器

.one{}

3、标签选择器

dsd

div{}

4、通配符选择器*{} 所有的

div * div后代所有的元素

5、嵌套选择器div.one

6、组合选择器div,.one,#two{}

7、后代选择器

也称为包含选择器，用来选择特定元素或元素组的后代，将对父元素的选择放在前面，对子元素的选择放在后面，中间加一个空格分开，对于多层祖先后代关系，可以有多个空格加以分开。

8、子选择器

子选择器仅是指它的直接后代，或者你可以理解为作用于子元素的第一个后代。

9、属性选择器[attribute] 用于选取带有指定属性的元素。

[attribute=value] 用于选取带有指定属性和值的元素。

[attribute~=value] 用于选取属性值中包含指定词汇的元素。

[attribute|=value] 用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。

[attribute^=value] 匹配属性值以指定值开头的每个元素。

[attribute$=value] 匹配属性值以指定值结尾的每个元素。

[attribute*=value] 匹配属性值中包含指定值的每个元素。

10、伪类选择器

包括子代选择器、状态选择器、伪元素选择器等

更多web前端知识，请查阅 HTML中文网 ！！