一.层叠性
- 如果发生了样式冲突,那就会根据选择器优先级,进行样式的层叠(覆盖)。层叠的结果就是会有样式被覆盖,层叠性就是为了解决样式冲突的问题。
- 权重(优先级)相同,才看顺序
二.继承性
- 元素会自动拥有其父元素、或其祖先元素上所设置的某些样式。
- 优先继承离得近的。(就近原则)
- 常见的可继承属性:
text-??, font-??, line-??、color.… - 就是元素的background-color属性默认是transparent(透明),透过去看到了父元素/祖先元素的背景,就好像是继承了背景色一样
继承样式比通配还弱,任何选择器都可以改变他,继承过来的是不稳定的。
三.优先级
具体见前篇文章css_10_选择器优先级
- 计算权重时需要注意:并集选择器的每一个部分是分开算的!
- 权重相同,同类型后来者居上
不同类型,越精确,越优先。