HTML 元素层次结构

Question

我想使用单独的 CSS 文件更改标题的颜色。我的样式代码如下：

<ul class="nav nav-tabs">
        <li><a href="#Organization" data-toggle="tab">Organization</a></li>

这是样式代码：

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

请帮忙。我找不到正确的方法

Answer 1

您不必将 class 点放在所有选择器上 - 而且您没有关闭 </ul> - 虽然这可能只是这里的错字。：

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

<ul class="nav nav-tabs">
        <li><a href="#Organization" data-toggle="tab">Organization</a></li>
</ul>

Answer 2

使用这个 -

 ul.nav.nav-tabs > li > a 

而不是

 .ul .nav .nav-tabs .li .a

因为ul,li,a是标签，所以不需要点前缀

Answer 3

使用这个css

.nav.nav-tabs li a {
 color:red;
}

Answer 4

ul a:first-child{color:red;}

<ul class="nav nav-tabs">
        <li><a href="#Organization" data-toggle="tab">Organization</a></li>
</ul>