css的继承性与层叠性

css的特性以及权重比较处理

• css的特性

  • 继承：给父级设置一些属性，子级继承了父级的该属性，这就是我们的css中的继承。
    • • 像文本级的标签元素，例如color、font-*、text-*、line-*，是可以继承的
      • 但像盒子类的元素属性，定位的元素（浮动，绝对定位，固定定位）不能继承。　　

• • 层叠性：权重高的标签把权重低的标签顶替掉了。也就是说，谁的权重高，浏览器显示谁的属性。
    • • 比较方式：!important>行内样式>id的数量>class的数量>标签的数量。

• • • 总结：
    1. 1. 1. 当标签被选中的时候，数权重（id、class），谁的权重大，显示谁的属性。
             权重一样大时，“后来者居上”，显示最后的属性。
          2. 如果没有选中标签，即属性是继承父级的，继承的权重为0，这时遵循“就近原则”，谁离着标签近，显示谁的属性。

　

• • • • 如果是继承
        1. 1. 描述的一样近，就数权重；如果权重一样的话，后来者居上。