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

您

不必在所有选择器上放置类点 - 您也不会关闭您的</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>