在具有特定樣式的列表中定位鏈接時遇到問題

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