Skip to content

三、CSS三大特性

1. 层叠性

  • 概念:如果发生了样式冲突,那就会根据一定的规则(选择器优先级),进行样式的层叠(覆盖)。

    什么是样式冲突? ——— 元素的同一个样式名,被设置了不同的值,这就是冲突

2. 继承性

  • 概念:元素会自动拥有 其父元素、或 其祖先元素 上所设置的 某些样式

  • 规则:优先继承 离得近 的。

  • 常见的可继承属性:

    text-??font-?? line-??color ......

  • 备注:参照 MDN 网站,可查询属性是否可被继承

3. 优先级

  • 简单聊: !important > 行内样式 > ID选择器 > 类选择器 > 元素选择器 > ***** > 继承的样式。

  • 详细聊:需要计算权重。

    计算权重时需要注意:并集选择器的每一个部分是分开算的!