CSS的优先级与继承

标签：orange   属性   优先   col   不能   ant   imp   优先级   div   

CSS的优先级（权重）
1、!important; 优先级最高
2、内联样式表的优先级 1000
3、id选择器优先级    100
4、class选择器优先级    10
5、html标签选择器优先级    1
6、优先级一样，后面的覆盖前面的
按这些规则将数字符串逐位相加，就得到最终的权重

例：
<style>
    .div3 {         /* 权重10 */
        color: red!important;
    }
    .div1 .div3 {   /*权重 10+10=20 */
        color: yellow;
    }
    #div .div3{   /*权重 100+10=110 */
        color: orange;
    }
</style>
<div class="div1" id="div">
    <div class="div2">
        <div class="div3">嵌套</div>
    </div>
</div>

CSS的继承性：继承是CSS的一个主要特征，它是依赖于祖先-后代的关系的。继承是一种机制，它允许样式不仅可以应用于某个特定的元素，还可以应用于它的后代。
然而CSS继承性的权重是非常低的，是比普通元素的权重还要低的0，任何显示申明的规则都可以覆盖其继承样式。
但CSS继承也是有限制的。有一些属性不能被继承，如：border, margin, padding, background等。

CSS的优先级与继承

标签：orange   属性   优先   col   不能   ant   imp   优先级   div   

原文地址：https://www.cnblogs.com/dangrui0725/p/9508015.html