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具体

让你的选择器更具体。