在条件下申请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

您只需使用元素ID：

，而不是将CSS样式应用于.nav-tabs

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

Answer 2

试试这个：

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