覆盖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;} 

而且效果很好。