css - 自定义 Bootstrap 的 Tab 类 li .active

Question

我有以下基于 Twitter 的 Bootstrap 的代码:

<ul class="nav nav-tabs" id="myTab" style="border-bottom-color: black">
  <li class="active"><a href="#tab1" data-toggle="tab">Tab1</a></li>
  <li><a href="#tab2" data-toggle="tab">Tab2</a></li>
  <li><a href="#tab3" data-toggle="tab">Tab3</a></li>
  <li><a href="#tab4" data-toggle="tab">Tab4</a></li>
</ul>

我能够根据自己的需要自定义几乎所有的 CSS。

我卡住的部分是 <li class="active"> ，覆盖它的 css 规则是什么？

Answer 1

ul.nav.nav-tabs > li.active {
    color: red;
}

我认为应该这样做，或者如果您只想定位特定导航中的 li

#myTab > li.active {

}