CSS选择器
选择器的分类：
- 标签选择器
- 类选择器
- ID选择器
- 子选择器
- 后代选择器
- 通用选择器
- 伪类选择器
- 分组选择器
1.标签选择器
p{font-size:12px;line-height:1.6em;}对标签进行样式设置
2.类选择器与ID选择器
| 属性 | 类选择器 | ID选择器 |
|---|---|---|
| 语法 | .类选器名称{css样式代码;} | <标签 id=”“>#id{} |
| 相同点 | 可以应用于任何元素 | |
| 不同点 | ID选择器只能在文档中使用一次 | 可以使用类选择器词列表方法为一个元素同时设置多个样式 |
4.子选择器与后代选择器
| 属性 | 子选择器 | 后代选择器 |
|---|---|---|
| 语法 | .food>li{border:1px solid red;} | .first span{color:red;} |
| 总结 |
>作用于元素的第一代后代 |
空格作用于元素的所有后代 |
5.通用选择器
* {color:red;}匹配html中所有标签元素
6.伪类选择符
允许给html不存在的标签（标签的某种状态）设置样式
a:hover{color:red;}7.分组选择符
多个标签元素设置同一个样式时，可以使用分组选择符（，）
h1,span{color:red;}