jqueryui：如何在不加载jqueryui.css的情况下让所选选项卡更改颜色

我是jQuery新手，所以我为一些琐碎的问题道歉

我正在尝试编写一个简单的选项卡式网页。除所选选项卡外，所有功能均正常工作，不会更改为所选选项卡的颜色/文本。我有一个css用于控制活动/选定的选项卡。它适用于悬停（选项卡更改为悬停颜色）。但单击选项卡后，它会返回到未选择的颜色

我没有使用默认的jqueryui.css，因为我试图自己构建和学习一些东西。但在这里我被难住了。我尝试过在css中添加各种各样的.ui选项卡选择和.ui状态活动，但都没有效果

使用chrome中的代码检查器，我看到jquery应用了样式ui state active和ui TAB selected。但是我如何在css中指定它们被激活呢

谢谢大家!

以下是代码片段：

html:

添加到CSS

ul.tabs li.ui-state-active,ul.tabs li.ui-tabs-selected { your styling }
ul.tabs li.ui-tabs-active a, ul.tabs li.ui-tabs-selected a{ your styling }

在HTML中更改

id="tab1_content" to id="tab1"
id="tab2_content" to id="tab2"
id="tab3_content" to id="tab3"
id="tab4_content" to id="tab4"

在CSS代码中，所有样式都应用于

a

>

ul.tabs li a

，但

ui state active

和

ui选项卡选中

样式应用于

li

，而不是

a

。这就是为什么你看不到它的原因。

在我的例子中（jquery 1.10.2），这就是有效的原因：

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { your code}

---

你说得对，非常感谢。PS-您的意思是“ul.tabs li.ui-state-active a”作为第二行的第一个条目。因此，我进行了此设置，并在其中添加了另一个选项卡。我希望与该选项卡对应的contentdiv显示一个仪表板样式的页面，带有2x2个div“表”。我试图使用table来存放div元素，但到目前为止还没有弄清楚如何做到这一点。仪表板div全部显示在一列中。有什么帮助吗？@elana crate另一个问题，你忘了勾选这个答案

id="tab1_content" to id="tab1"
id="tab2_content" to id="tab2"
id="tab3_content" to id="tab3"
id="tab4_content" to id="tab4"

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { your code}