Javascript 为选项卡的其余部分着色

我想在标签区的其余部分涂上黄色。在这种情况下，只有选项卡顶部和主体为黄色

  <div id="tabs">
<ul>
  <li><a href="#tabs-1">Nunc tincidunt</a></li>
  <li><a href="#tabs-2">Proin dolor</a></li>
  <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
 <div id="tabs-1">

使用小提琴上的CSS：

body {
    font-size: 0.8em;
}
/*
 * Custom styles for the inactive tabs
 */
 .ui-tabs-nav li.ui-state-default a {
    background-color: blue;
    color: yellow;
}
/*
 * Custom styles for the active tab
 */
 .ui-tabs-nav li.ui-state-active a {
    background-color: yellow;
    color: black;
}
p, #tabs-1, #tabs-2, #tabs-3 {
    background-color: yellow;
}

我添加了您选项卡的ID，这就成功了

---

编辑

---

更进一步说，您甚至可以将一个类添加到选项卡

s，然后只添加类名，而不是将每个ID添加到CSS中。

您的意思是要将蓝色选项卡变为黄色（所有选项卡）？首先，这看起来微不足道。到目前为止你试过什么？你有什么问题？第二，请清楚地描述你想要的结果是什么。当你收到一个适合你的答案后，别忘了选择一个答案。