更改單一鏈接風格在Chrome中不起作用

Question

所以我有這一點CSS來將頁面上的特定鏈接更改爲不同的顏色（默認鏈接顏色與文本所在的位置是相同的背景顏色，無形）。

.scroll a:link { 
    text-decoration: underline; 
    color: #5a4a31; 
} 

.scroll a:hover { 
    text-decoration: underline; 
    color: #5a4a31; 
} 

.scroll a:visisted { 
    text-decoration: underline; 
    color: #5a4a31; 
} 

.scroll a:active { 
    text-decoration: underline; 
    color: #5a4a31; 
} 

在每個瀏覽器而Chrome其中一期工程（「懸停」是實際工作中使用Chrome瀏覽的時候，剩下的只是去我已經設置了默認的鏈接樣式的唯一部分）。有人知道爲什麼謝謝！！

Answer 1

如果您要爲鏈接的每個狀態設置樣式，您應該執行此操作的順序是LVHA（鏈接，訪問，懸停，活動）。另外，你拼錯'拜訪'。

.scroll a:link { 
    text-decoration: underline; 
    color: red; 
} 

.scroll a:visited { 
    text-decoration: underline; 
    color: green; 
} 

.scroll a:hover { 
    text-decoration: underline; 
    color: blue; 
} 

.scroll a:active { 
    text-decoration: underline; 
    color: orange; 
} 

您可以重構一點：

.scroll a { 
    text-decoration: underline; 
} 

.scroll a:link { /* color: blah; */ } 
.scroll a:visited { /* color: blah; */ } 
.scroll a:hover { /* color: blah; */ } 
.scroll a:active { /* color: blah; */ } 

http://codepen.io/antibland/pen/WwKzdN

Answer 2

1. 您拼寫而不是訪問。
2. 如果.scroll是鏈接的類別比他們不需要放置 a：鏈接...您可以放置​​.scroll：link或.scroll：hover。