0

リンクで :link と :visited を使用するのに非常に苦労しています。私は文字通り何時間もオンラインで検索しており、同じ問題の 20 以上の異なるインスタンスを読みました. 奇妙なことに、:hover と :active が機能しています。何が起こっている？

スタイルシートのコード行は次のとおりです。

H1 { text-align: center; width:1000px; font-size: 30pt; font-weight: bold; }

a.artlinks:link {color:#40C0FF; text-decoration: none; font-family: Cambria, Arial; }

a.artlinks:visited { color:#FF00FF; text-decoration: none; font-family: Cambria, Arial; }

a.artlinks:hover {color:#98D7F6; text-decoration: none; font-family: Cambria, Arial; }

a.artlinks:active {color:#FF0000; text-decoration: none; font-family: Cambria, Arial; }

.html で呼び出すと、コードは次のようになります。

<h1><a href="helloworld.html" class="artlinks">Hello World!</a></h1>

誰にも解決策があり、また、共通の a.artlinks パラメータを同時に与えるより効率的な方法がありますか? ありがとう

4

1 に答える 1

1

あなたのコードは少し整理する必要がありますが、これは私がそれを行う方法です (デモ目的で h1 から width プロパティを削除した編集)。

H1 { 
    text-align: center; 
    font-size: 30pt; 
    font-weight: bold; 
}

a.artlinks {
    text-decoration: none; 
    font-family: Cambria, Arial;
    color:#40C0FF;
}

a.artlinks:visited { 
    color:#FF00FF; 
}

a.artlinks:hover {
    color:#98D7F6; 
}

a.artlinks:active {
    color:#FF0000; 
}

この jsfiddle を参照してください: http://jsfiddle.net/lharby/zkb8thck/

a クラスには同じプロパティがあるため、a.artlinks (font-family、text-decoration) で一度定義できます。:hover、:active などの一意の他の要素を定義できます。

于 2015-02-09T10:19:20.940 に答える