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

【问题标题】：css: link color in UL class does not override default color for divcss：UL 类中的链接颜色不会覆盖 div 的默认颜色
【发布时间】：2011-06-04 23:27:14
【问题描述】：

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

希望有人能提供帮助！

【问题讨论】：

【解决方案1】：

因为css specificity，你需要这样做：

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

【讨论】：

【解决方案2】：

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

将您的选择器设为more specific。

【讨论】：

【解决方案3】：

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

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

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

【讨论】：