jquery如何更改非选定选项卡的颜色

Question

我有一个包含各种jquery小部件的页面。其中有一个标签小部件，我只需要更改未选定标签的颜色。

尝试了这个css：

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: rgb(143, 167, 52);
}

问题是这个css会改变其他jquery小部件的颜色。

感谢

Answer 1

使用ui-tabs类（如下所示）或特定标签小部件的ID，为选择器添加限定符。

.ui-tabs .ui-state-default, .ui-tabs .ui-widget-content .ui-state-default, .ui-tabs .ui-widget-header .ui-state-default {
    background: rgb(143, 167, 52);
}