无法定位具有特定样式的列表中的链接

Question

我正在尝试通过在<li>标记上设置特定类来更改<li>元素内链接的颜色。我把我的html设置为：

<div id="sidebar_tall">
<ul>
<li class="active_item"><a href="#">1. Property Description</a></li>
<li><a href="#">2. Landlord Details</a></li>
</ul>           
</div>  

这是我的css：

#sidebar_tall li {
list-style: none;
font-size: 14px;
}

#sidebar_tall a {
text-decoration: none;
color: #fff;
text-shadow: 0px 1px #000;
}

.active_item li {
border-top: none;
border-bottom: none;
width: 250px;
}

.active_item a{
color: #1e1f1f;
text-shadow: 0px 1px #fff;
}

我似乎无法获得active_item链接来更改颜色。我只是将课程放在<a>标记上，但我需要将其保留在<li>标记上以用于此网站。任何人都可以看到为什么这不起作用？

Answer 1

当.active_item是li的子元素时，你编写的选择器有效。

固定标记：

#sidebar_tall li {
list-style: none;
font-size: 14px;
}

#sidebar_tall a {
text-decoration: none;
color: #fff;
text-shadow: 0px 1px #000;
}

li.active_item {
border-top: none;
border-bottom: none;
width: 250px;
}

.active_item a {
color: #1e1f1f;
text-shadow: 0px 1px #fff;
}

Answer 2

您的选择器可能不够具体。试试这个：

#sidebar_tall .active_item a {
color: #1e1f1f;
text-shadow: 0px 1px #fff;
}