Chromeで動作しない単一のリンクスタイルを変更する

Question

私はこのビットを使って、ページ上の特定のリンクを別の色に変更します（デフォルトのリンクカラーは、テキストが座っている場所の背景色と同じです）目に見えない）。すべてのブラウザが、Chromeで動作します

.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で表示したとき、残りはちょうど私が設定したデフォルトのリンクのスタイルに行く働く一部でしかありません）。誰でも知っている理由は？ありがとう!!

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. あなたは訪問者の代わりにvisistedと綴られています。
2. .scrollがリンクのクラスである場合は、 を入力する必要はありません。link：.scroll：linkまたは.scroll：hoverを配置するだけです。