选择器的优先级

选择器的类型

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
• 如果多个选择器的优先级一致，后面会覆盖前面