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

如果这已经写在bootstrap中：

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

然后你的代码不起作用。给body id或父母。这样，您可以定位：

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

这很有效。