css中!important的优先级问题

css中!important的优先级在主页面中写>在外部引用的css文件

之前我一直以为css的样式不管写在哪里只要加上!important那么它的优先级就是最高的，事实上并不是这样的，尤其在动态生成的样式中显得尤为重要。

实例如下：

1.写在外部css文件中(然后引入主页面中)：

.main .title select{
    width: 360px!important;
    height: 30px!important;
    margin-left: 30px!important;
    padding-left: 12%!important;
    outline: none!important;
    border: 1px solid #ccc!important;
    position: unset!important;
}

2.写在主页面(html、jsp中)：

<style>
    .main .title select{
        width: 360px!important;
        height: 30px!important;
        margin-left: 30px!important;
        padding-left: 12%!important;
        outline: none!important;
        border: 1px solid #ccc!important;
        position: unset!important;
    }
</style>

结果就是：
第二种方法的优先级要大于第一种方法

如有意见请提出来

 

转载于:https://www.cnblogs.com/zhangruiqi/p/7445202.html