CSS：UL类中的链接颜色不会覆盖div的默认颜色

Question

我用以下内容定义了一个div：

#main-alt-2 a:link {color:#39c;}
#main-alt-2 a:visited {color:#39c;}

对于该div中的UL，我定义了以下内容：

ul.menu a:link {
font-weight:bold;
display:block;
text-decoration:none;   
color:#323232;
}

ul.menu类中的所有其他属性均可工作-颜色除外。 很奇怪！

希望有人能帮忙！

Answer 1

如果多个CSS定义属于同一HTML元素，则将比较选择器的特异性 。 要使具有较低特异性的规则优先，请添加!important ：

ul.menu a:link {color: #323232 !important;}

或者，您可以使第二个选择器更具体。

Answer 2

由于CSS的特殊性 ，您将需要采用以下方式：

#main-alt-2 ul.menu a:link {
font-weight:bold;
display:block;
text-decoration:none;   
color:#323232;
}

Answer 3

#main-alt-2 a:link由于包含id选择器，因此比ul.menu a:link更具体

使选择器更具体 。