不同的jquery ui按钮同时

Question

是否有正确的方法在同一页面上有2个不同风格的jquery ui按钮？

我能够复制第二个按钮的css，但是有很多不同的！重要的样式我需要在第一个之后添加第二个！重要的是为了改变样式。

代表：

 .ui-state-active {
    background:none !important;
    background-color:#E1E1E1 !important; 
    color:#000 !important;
 }

然后我必须在之后添加（它需要在

之后）

 .new-theme.ui-state-active {
    background:none !important;
    background-color:red !important; 
    color:#000 !important; 
 }

问题是这些重要的风格已经遍布每个州，所以我不得不介意他们去哪里。这是正常的还是通常以不同的方式处理？

Answer 1

您是否正在使用旧版本的jQuery UI，要求您使用！important来覆盖其样式？较新版本有fixed this: Use of !important in jquery-ui.css should be avoided。

如果您可以/正在使用更新的版本，请尝试删除！important，而是依靠selector specificity来获得所需的结果。

Answer 2

我建议使用jqueryui-speciffic css。除了使用不同按钮样式的困难之外，在渲染大量按钮时可能会出现性能问题。 This resource相对较老但我发现使用jqueryui css时非常有价值。