Html 如何使用CSS为选定列表项指定不同的颜色？

我知道这个问题以前被问过很多次。但我就是找不到适合我的代码的技巧。我希望导航栏中的活动列表项使用不同的颜色。明显地愚蠢的小东西。我知道。但请尽力帮忙

以下是我的HTML代码：

<div id="container">  
    <ul id="nav">  
        <li class="active"><a href="am_home.html">Home</a></li>  
        <li><a href="am_teachingassistants.php">Teaching Assistants</a></li>  
        <li><a href="am_courseinfo.php">Course Info</a></li>  
        <li><a href="am_timetable.php">Time Table</a></li>  
    </ul>  
</div>  

---

你的CSS代码有问题。只要替换这个：

 ul#nav li a:hover,ul#nav li a:active{    
}

为此：

 ul#nav li a:hover,ul#nav li.active a{
 // here styling 
}

---

你可以走了。您刚才在CSS中调用活动类时犯了一个错误

只需给所选li一个具有其他颜色的类。ul#nav li.active a{color:#f4ba51；}嘿。成功了！谢谢D我还是想不出这个错误。在这里，您将活动元素作为一个类。对吗？@Cullen:

：active

是一个链接伪类，在单击链接时匹配。这与

.active

无关，后者指的是HTML中

类

属性的值。我认为您不应该替换它（因为您的规则为

：active

可能对您有用），而应该添加一个新规则为

#nav.active a

@unor:我理解您的意思。但我现在还没有使用：active。如果我把它作为一个合适的伪类使用，我会记住你的观点。谢谢，是的。我想。必须更改活动类引用。谢谢。：）

ul#nav li.active a { color: #f4ba51 ; }

ul#nav li.active a { color: #f4ba51 ; }