CSS：在UL类的链接颜色不覆盖默认的颜色格

Question

我已经定义具有以下一个div：

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

对于UL这个div内我已经定义了这一点：

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选择，更specific比ul.menu a:link

让你选择more specific。