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元素，则会比较选择器的specificity。要使具有较低特异性的规则优先，请添加!important：

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

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

Answer 2

由于css specificity，您需要这样做：

#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更多specific

制作选择器more specific。