在具有特定样式的列表中定位链接时遇到问题

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

这可能是你是不是在你的选择不够具体。试试这个：

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

Answer 2

当.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; 
}