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

Question

为什么在此页面上的链接（以及其他所有其他页面）共享链接样式的所有页面。要进行演示，请单击投资组合然后返回，您将看到链接文本变白，即使这仅适用于页面底部的"消息"元素（蓝色带有圆角）？

这是我的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 a:link, a:visited

意味着将这种样式应用于带有一类"消息"的元素内部的a:link s，也将其应用于a:visited s。请注意，后者不必在类消息的元素内部。只需将.message放在每个逗号分隔术语的前面即可修复。