HTML+CSS第八章——CSS选择器

标签选择器其实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了