1.优先级
- 我们可以通过多种方法来选择页面上的元素，同一个元素可能会被多种的规则选择。
span { font-size: 16px; }
p span { font-size: 16px; }
- 而对于上述两种规则，最后只有一个能生效，这里便是运用到了优先级的概念。
- 优先级组成由四部分组成：
0, 0, 0, 0 - ID选择器的优先级：
0, 1, 0, 0 - 类名选择器的优先级：
0, 0, 1, 0 - 标签选择器和伪类元素的优先级：
0, 0, 0, 1 - 连接符和通用选择器不增加优先级。
span { font-size: 16px; } /* 0, 0, 0, 1 */
p span { font-size: 16px; } /* 0, 0, 0, 2 */
.titong { font-size: 16px; } /* 0, 0, 1, 0 */
#dev { font-size: 16px; } /* 0, 1, 0, 0 */
p.titong em.ti { font-size: 16px; } /* 0, 0, 2, 2 */
- 优先级是从左向右比较，只要左边的胜出，则不管右边的有多大。
- 而当优先级相同时，则按照层叠性进行选择，在样式表位置靠后的生效。
