css层叠与继承

171 阅读1分钟

层叠

Stylesheets cascade(样式表层叠)

简单的来说同级css的生效顺序为最后一条,即后面覆盖前面

优先级

css的覆盖优先级为important>内联>id>class = 属性 = 伪类 >标签 = 伪元素 > 通配符(*)

ccs属性控制继承的单词(直接通过英语单词来理解)

inherit 设置该属性会使子元素属性和父元素相同。实际上,就是 "开启继承".

initial 设置属性值和浏览器默认样式相同。如果浏览器默认样式中未设置且该属性是自然继承的,那么会设置为 inherit 。

unset 将属性重置为自然值,也就是如果属性是自然继承那么就是 inherit,否则和 initial一样

属性all:(inherit, initial, unset)代表重设所有属性值

理解层叠

  1. 重要程度
  2. 优先级
  3. 资源顺序