css - 在条件下应用 css？

Question

我完全是个 CSS 菜鸟...我在 bootstrap 库中使用 nav-tabs 来列出一些元素，但是，我有两个列表，一个我想更改背景颜色，另一个我想保持原来的颜色，所以为了改变我使用的背景颜色:

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #bfbfbf;  
}

但这些更改显然是通用的，我如何指定它们应该应用到哪个列表？

PS:这是我真正想要在激活后更改背景的列表。

<ul id="glossaryTab" class="nav nav-tabs nav-justified">
    <li><a href="#video" data-toggle="tab">video</a></li>
    <li><a href="#audio" data-toggle="tab">audio</a></li>
    <li><a href="#foreign_version" data-toggle="tab">foreign version</a></li>
</ul>

Answer 1

无需将 CSS 样式应用于 .nav-tabs，您只需使用元素 ID:

#glossaryTab > li.active > a,
#glossaryTab > li.active > a:hover,
#glossaryTab > li.active > a:focus {
    color: #fff;
    background-color: #bfbfbf;  
}