选择器的类型
1. * (通配符选择器):获取所有子元素
2. 类型选择器(标签名选择器):获取所有该种元素
3. 类名选择器 (.class):获取所有具有该种类名的元素
4. id选择器(#id):获取所有具有该id值得元素
5. 组合选择器:选择器之间用空格隔开
6. 后代选择器:从父元素一直到子元素选择器,如#div ul li
7. 群组选择器:具有相同样式的选择器,用逗号隔开
8.伪类选择器:如同a标签的四种状态,link,visited,hover,active
9. 子选择器:用>分隔开,如div>p
10. 相邻兄弟选择器:用加号分隔开,div + p
选择器的优先级
- 排序:!important > 行间样式 > id > 类名选择器 > 类型选择器 > 通配符选择器 > 继承 > 浏览器默认
- 包含选择器层级较多时,可以约分包含选择器,如#id .class的优先级高于 #id ,#id .class的优先级等于.class #id
- 如果多个选择器的优先级一致,后面会覆盖前面