html - 自定义类不会覆盖 CSS

Question

我无法使用应用于自定义类的样式覆盖 CSS。我已将一个类应用于侧面菜单中的链接。这是为了更改当前查看页面的文本颜色。根据我所阅读的内容，我需要在定位链接时更加具体，但我尝试过的一切都不起作用。

HTML:

<div class="left_column">
    <nav class="side_nav">
        <ul>
            <li><a class="current_side" href="contact.html">CONTACT</a></li>
            <li><a href="#">DIRECTIONS</a></li>
            <li><a href="#">CAREERS</a></li>
        </ul>
    </nav>
</div>

CSS:

.left_column{
    float: left;
    width: 10%;
    height: 700px;
    padding-right: 10px;
    background-color: #f5f5f5; 
}
.side_nav{
    width: 125px;  
    padding: 50px 0 0;
}
.side_nav ul, li{
    list-style: none; 
}
.side_nav ul li a{
    display: block; 
    width: 125px;
    line-height: 1.5em;
    font-size: .95em; 
    text-decoration: none;
    text-align: right; 
    color:#666666;
}
.current_side a{
    color: #000000;
}

Answer 1

.current_side a意思是“一个 a 元素，它是属于类 current_side 的一个元素的后代。

您没有这样的元素。 a元素是该类本身的成员，因此选择您需要的元素 a.current_side .

但是，这将是一个类型选择器 + 一个类选择器和 .side_nav ul li a也将匹配该元素，但具有更具体的 3 类型选择器 + 类选择器，因此您还需要使您的选择器更具体。

 .side_nav ul li a.current_side