CSS與a：link和a：visited in 2 class/id衝突：編號爲

Question

我有一個：visited和a：class for class/id的問題。

#title a:link, #title a:visited { 
color:black; 
} 

#PageCounter a:link, #PageCounter a:visited { 
color:green; 
} 

輸出： 所有#title和#PageCounter的鏈接都是黑色。

但我想要#PageCounter所有顏色爲綠色。

我曾嘗試使用「#title：visted」和「#title：visited」和「#title visited」進行測試...不起作用。 =/

（實施例）HTML格式：

<div id="title"><a href="#">Hello World</a></div><br><br> 
<font id="PageCounter"><a href="?page=x">1,2,3,4,5,6,7,....</a></font> 

Answer 1

是錨標籤用的ID '標題' 和 'PageCounter' 的元素的直接後代？如果是這樣，你可能想使用子選擇：

#title > a:link, #title > a:visited { 
    ... 
} 
#PageCounter > a:link, #PageCounter > a:visited { 
    ... 
} 

的選擇告訴你在你的問題將影響「標題」和「PageCounter」，確定的要素中的任何錨元素不論如何深度嵌套它們是。其中一個選擇器可能會「隱藏」另一個。使用子選擇器使其更加明確。