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属性

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

 

posted @ 2018-06-08 22:25  丫丫625202  阅读(100)  评论(0)  编辑  收藏  举报