层叠
Stylesheets cascade(样式表层叠)
简单的来说同级css的生效顺序为最后一条,即后面覆盖前面
优先级
css的覆盖优先级为important>内联>id>class = 属性 = 伪类 >标签 = 伪元素 > 通配符(*)
ccs属性控制继承的单词(直接通过英语单词来理解)
inherit 设置该属性会使子元素属性和父元素相同。实际上,就是 "开启继承".
initial 设置属性值和浏览器默认样式相同。如果浏览器默认样式中未设置且该属性是自然继承的,那么会设置为 inherit 。
unset 将属性重置为自然值,也就是如果属性是自然继承那么就是 inherit,否则和 initial一样
属性all:(inherit, initial, unset)代表重设所有属性值
理解层叠
- 重要程度
- 优先级
- 资源顺序