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>

結果就是：
第二種方法的優先級要大於第一種方法

如有意見請提出來