!important属性和权重

标签:#!important和权重# 时间:2018/10/07 21:42:06 作者:Shino

    <style type="text/css" media="screen">
      /*!important标记 important 重要的
      k:v!important;给一个属性提高权重 这个属性权重无限大 */
        p{
            color:blue !important;
            font-weight: bold;
        } /*!important提升权重是一个属性而不是一个选择器*/
        p{
            color:red;
        }
        li{
            font-size: 60px;
        }
        ul{
            font-size: 100px !important; 
        }
        /*!mportant并不能提升继承来的属性 虽然加上了!important但是权重还是0*/
        /*同样的 都是继承属性的话important还是无法影响 同样是继承来的属性依然按照就近原则来选择属性*/
    </style>
</head>
<body>
    <div>
       <p class="pp">颜色</p>
    </div>

    <div>
        <ul>
            <li><p>颜色</p></li>
        </ul>
    </div>
    !important做网站不允许试用 因为会使css很乱