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

问题描述

| 我对2类/ id的a：visited和a：link有问题。

#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>

    

解决方法

        锚标记是否是ID为\'title \'和\'PageCounter \'的元素的直接后代？如果是这样，您可能要使用子选择器：

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

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