css:UL类中的链接颜色不会覆盖div的默认颜色

时间:2011-01-06 22:36:32

标签: html css colors hyperlink

我已经使用以下内容定义了一个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类中的所有其他属性都有效 - 除了颜色。 很奇怪!

希望有人可以提供帮助!

3 个答案:

答案 0 :(得分:5)

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

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

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

答案 1 :(得分:1)

由于css specificity,您需要这样做:

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

答案 2 :(得分:0)

#main-alt-2 a:link,因为它包含一个ID选择器,比ul.menu a:link更多specific

制作选择器more specific