訪問したリンクの色が正しくありません

Question

私のウェブサイトのメインページにCSSを設定する際に問題があります。www.speedy.net私は、リンクの色が#146cc0であることを望みます。しかし、リンクが訪問されると、それは青に変わります。私は除外したa:visitedのための特定のCSSを持っていましたが、今は4つのブラウザ（Chrome、Firefox、Opera、Edge）でチェックしており、訪問したリンクは常に青です（#146cc0ではありません）。訪問したリンクを未訪問のリンクと同じ色にするにはどうすればよいですか？

a:visited { 
    text-decoration: underline; 
    color: #0000CC; 
    background-color: transparent; 
} 

おかげで、ウリ：

html, body { 
    margin: 0; 
} 

#top-gradient { 
    height: 80px; 
    background: url('/images/gradient.png'); 
    margin-bottom: 15px; 
    background-repeat: repeat-x; 
    width: 100%; 
} 

a:link { 
    text-decoration: none; 
    color: #146cc0; 
    background-color: transparent; 
    font-family: 'Arial'; 
} 

a > span { 
    color: black; 
} 

a:hover > span { 
    color: #FF0000; 
} 

a:hover { 
    color: #FF0000; 
    background-color: transparent; 
} 

a:active { 
    color: #990099; 
    background-color: transparent; 
} 

td { 
    padding: 0px 40px; 
} 

.wiki-link { 
    font-size: 40px; 
} 

img.main-image { 
    max-width: 100%; 
} 

.speedy-bottom-badge-link { 
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; 
    font-size: 11px; 
    font-variant: normal; 
    font-style: normal; 
    font-weight: normal; 
    color: #3B5998; 
    text-decoration: none; 
} 

@media screen and (max-width: 1080px) { 
    img.fb-badge { 
     width: 30%; 
     height: auto; 
    } 
    img.main-logo { 
     width: 65%; 
     height: auto; 
    } 
    .wiki-link { 
     font-size: 60px; 
    } 
    .speedy-bottom-badge-link { 
     font-size: 40px; 
    } 
} 

これは私が削除CSSは次のとおりです。ここで

は、メインページのCSSです。

Answer 1

OK、私はバグを見つけました - a:linkの代わりにaを定義しなければなりませんでした。

html, body { 
    margin: 0; 
} 

#top-gradient { 
    height: 80px; 
    background: url('/images/gradient.png'); 
    margin-bottom: 15px; 
    background-repeat: repeat-x; 
    width: 100%; 
} 

a { 
    text-decoration: none; 
    color: #146cc0; 
    background-color: transparent; 
    font-family: 'Arial'; 
} 

a > span { 
    color: black; 
} 

a:hover > span { 
    color: #FF0000; 
} 

a:hover { 
    color: #FF0000; 
    background-color: transparent; 
} 

a:active { 
    color: #990099; 
    background-color: transparent; 
} 

td { 
    padding: 0px 40px; 
} 

.wiki-link { 
    font-size: 40px; 
} 

img.main-image { 
    max-width: 100%; 
} 

.speedy-bottom-badge-link { 
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; 
    font-size: 11px; 
    font-variant: normal; 
    font-style: normal; 
    font-weight: normal; 
    color: #3B5998; 
    text-decoration: none; 
} 

@media screen and (max-width: 1080px) { 
    img.fb-badge { 
     width: 30%; 
     height: auto; 
    } 
    img.main-logo { 
     width: 65%; 
     height: auto; 
    } 
    .wiki-link { 
     font-size: 60px; 
    } 
    .speedy-bottom-badge-link { 
     font-size: 40px; 
    } 
} 

Answer 2

CSSリンク疑似クラス、順序の問題では：訪問

a:link {color: blue;} 
a:visited {color: purple;} 
a:hover {color: red;} 
a:active {color: yellow;} 

リンク、ホバー、アクティブ

L、V、H、

愛は、

を憎みますそれらをすべて同じにしたい場合は、次のように設定してください：

a {color: blue;}