覆盖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条左右的规则上，这看起来很糟糕。

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

而且效果很好。