CSS特性

继承性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css特性</title>
    <style type="text/css">
        .father{
            color:red;/*继承*/
            background-color:green;/*不可继承*/
        }
    </style>
</head>
<body>
    <!--给父级设置一些属性，子级继承了父级该属性-->
    <!--可继承属性：color,font-*,text-*,line-*-->
    <div class="father" id="egon">
        <p>alex</p>
    </div>
</body>
</html>

View Code

可继承属性（文本元素属性）：

color
font-*
text-*
line-*

不可继承属性：

盒子元素。
定位元素（浮动，绝对定位，固定定位）不能继承。

层叠性

选择器权重顺序：id选择器数量类选择器数量标签选择器数量

权重大的标签覆盖权重小的标签

层叠性与权重相同处理

被选中标签元素：当权重一样时，以后设置为准

没有被选中标签元素：继承来的权重针对标签都为0，就近取值（就近相对于被设置的标签来说），当描述一样近时，比较上层权重

!important属性

不影响继承来的权重，只影响选中的元素