标签选择器其实html代码中的标签。
类选择符
形如:
.类名字{
属性设置代码
}
<span class="类名字">文字</span>
每个类选择符可以使用多次, 多个class可以为同一个元素设置属性
ID选择符
形如:
#ID名字{
属性设置代码
}
<span id="id名字">文字</span>
每个ID选择符只能被使用一次,多个id选择器不能为同一个元素设置属性
子选择器
用于指定标签元素的第一代标签的属性
例如:.food>li{color:red}
那么所有class为food的标签的第一代li就会是red。第一代就是第一层
后代选择器
子选择器是作用于第一代标签,后代选择器是作用于所有后代
例
.foot li{color:red}
<li>水果
<ul>
<li>苹果<li>
</ul></li>
这样上面两个li的color都是red
伪类选择符
伪类选择符允许给某个标签的某种状态设置样式,比如说a标签的划过状态a:hover{color:red;}
这样划过a的时候字体颜色就是红色的了。但是伪类选择符还有很多,比如p:hover
但是存在兼容性的问题,而a:hover是最稳定的
分组选择符
就是一种写法:h1,span{color:red;}
这样h1,span的属性都是red了