每一条css样式定义由两部分组成,形式如下:选择器{样式} ,在{}之前的部分就是“选择器”。
“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。
CSS选择器又被称为css样式属性、css属性选择器。
css选择器种类都有哪些?
选择器种类
1、ID选择器
<div id="one"></div> #one{}
2、类选择器
<div class="one"></div> .one{}
3、标签选择器
<div>dsd</div> div{}
4、通配符选择器
*{} 所有的 div * div后代所有的元素
5、嵌套选择器
div.one <div class="one"></div>
6、组合选择器
div,.one,#two{}
7、后代选择器
也称为包含选择器,用来选择特定元素或元素组的后代,将对父元素的选择放在前面,对子元素的选择放在后面,中间加一个空格分开,对于多层祖先后代关系,可以有多个空格加以分开。
8、子选择器
子选择器仅是指它的直接后代,或者你可以理解为作用于子元素的第一个后代。
9、属性选择器
[attribute] 用于选取带有指定属性的元素。
[attribute=value] 用于选取带有指定属性和值的元素。
[attribute~=value] 用于选取属性值中包含指定词汇的元素。
[attribute|=value] 用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。
[attribute^=value] 匹配属性值以指定值开头的每个元素。
[attribute$=value] 匹配属性值以指定值结尾的每个元素。
[attribute*=value] 匹配属性值中包含指定值的每个元素。
10、伪类选择器
包括子代选择器、状态选择器、伪元素选择器等
更多web前端知识,请查阅 HTML中文网 !!
以上就是css选择器种类都有哪些?的详细内容,更多请关注易知道|edz.cc其它相关文章!