爲什麼鏈接樣式適用於所有元素，即使它只適用於一個元素

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即可修復它。