为什么链接样式适用于所有元素，即使它应该仅适用于一个元素

Question

为什么this页面上的链接（以及所有其他链接，但最好是演示）在所有页面上共享链接样式。要演示此单击“投资组合”然后返回，您将看到链接文本变为白色，即使这只应该是页面底部的“消息”元素（带有圆角的蓝色）？

这是我的CSS

.message {
background-color:#54a0d9;
border:1px solid #54a0d9;
color:#fff;
}

.message h2 {
font-size:22px;
color:#fff;
}

.message a:link, a:visited, a:hover, a:active {
color:#fff; }

和HTML是元素内部的普通链接（不是消息元素的子元素。

当然应该只适用于Message元素？

我已经做过一些关于这个问题的研究，但到目前为止还没有......

Answer 1

用逗号分隔选择器意味着完全分开考虑它们。所以这里：

.message a:link, a:visited

意味着将此样式应用于具有“消息”类的元素内部的a:link，以及a:visited s。请注意，后者不必位于类消息的元素内。只需将.message放在每个以逗号分隔的术语前面即可修复它。