覆蓋jQuery UI CSS

Question

我現在有一個jQuery UI的小問題。

我們使用jQuery Accordions作爲我們的應用程序，自從我們升級到jQuery UI 1.11.14以來，我們遇到了一個問題，導致我們爲Accordions編寫的任何CSS都被jQuery覆蓋。

據我瞭解，jQuery UI在頁面加載後自動激活並附加其樣式。這留下了問題，如果jQuery總是最後一個，我可以添加自己的樣式。任何樣式檢查器都會顯示jquery-ui.min.css覆蓋之前編寫的所有內容。

我知道!important存在，但這只是不好的做法，我們希望避免這種情況，否則我們會將!important附加到約20條規則，或者看起來很糟糕。

編輯： 下面是IE的F12控制檯的截圖： Here is a screenshot from IE's F12 Console http://puu.sh/lAoYJ/b3ed91b91c.png

Answer 1

特異性的問題了很多CSS。幾乎jQuery UI中的所有規則都不使用#id。這是一個很大的優勢。 ID具有更高的優先級。所以，當你想要做什麼，對於如：

.col-md-5 {color: #f00;} 

如果已經寫在引導爲：

.row .col-md-5 {color: #000;} 

那麼你的代碼不起作用。給body一個id或父母。這樣，您可以定位：

#id .col-md-5 {color: #f00;} 

而且效果很好。