CSS与a：link和a：在2 class / id中访问冲突

Question

我遇到问题：访问过和a：2类/ 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为'title'和'PageCounter'的元素的后代？如果是这样，您可能想要使用子选择器：

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

您在问题中显示的选择器将影响由'title'和'PageCounter'标识的元素中的任何锚元素，无论它们的嵌套程度如何。有可能其中一个选择器正在“隐藏”另一个选择器。使用子选择器使其更明确。