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

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是一个元素中一个正常的链接（这是不是消息元素的孩子。

当然应该只适用于消息元素？

我已经做了什么造成这一点，但到目前为止NOUT一些研究...

Answer 1

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

.message a:link, a:visited 

意味着这种风格应用到a:link小号元素的内部，与类“消息”的，同时也a:visited秒。请注意，后者不必位于类消息的元素中。只需在每个以逗号分隔的术语前面加上.message即可修复它。