css的选择器优先级

CSS样式解析顺序及继承特性

18790970257

于 2019-06-18 23:04:00 发布

阅读量60

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jintian/p/11048468.html

博客介绍了CSS样式在浏览器中的解析顺序，指出!important声明的规则优先级最高，同时提到并非所有CSS特性都能被继承。

是指css样式在浏览器中被解析的先后顺序

！important　声明的规则高于一切

不是所有的特性都能被继承

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        /*#id1{*/
            /*color: red;*/
        /*}*/
        /*.div1{*/
            /*color: rebeccapurple;*/
        /*}*/

        /*div{*/
            /*color: yellow;*/
        /*}*/

        /*.div3{*/
            /*color: red;*/
        /*}*/
        /*.div1 .div3{*/
            /*color: chartreuse;*/
        /*}*/

        /*#div1 .div3{*/
            /*color: rebeccapurple!important;*/
        /*}*/

        /*#div1 .div3  {*/
            /*color: chartreuse!important;*/
        /*}*/

        #div1{
            color: red;
        }
    </style>
</head>
<body>


<div id="div1">
    hello1
    <div class="div2">
        hello2
        <div class="div3">
              嵌套优先级
        </div>
    </div>
</div>

      <!--<div class="div1" id="id1" style="color: green">优先级</div>-->
</body>
</html>