0

ページのメイン CSS ファイルとは別の CSS ファイルがあります。基本的に 3 つのハイパーリンクがあり、それぞれに独自の p タグがあり、1 つずつ上下にあり、それぞれが強調表示するときの Webkit トランジション カラーを指定する独自の div があります。すべての色は、webkit 遷移が終了するまでうまく機能します。この時点で、3 つのリンクすべての色が、CSS の最後のクラスで指定された色 (グレー) に変わります。その最後のクラスを除外してみましたが、確かに、すべてのリンクの最終的な色は、新しい「最後のクラス」で指定された色 (青) になりました。

これは、リンクにアクセスしたときにのみ発生し、Cookie をクリアしてリンクをクリックしないと正常に機能します。つまり、a:visited のように見えますが、ご覧のとおり、それはカバーしています (と思います...)。

CSSは次のとおりです。

.orangelink a:link:hover,a:hover,a:visited:hover        {
color: #cc7839;
text-decoration:none;
/* font-weight:bold; */
-webkit-transition:color 0.5s ease-in; 
-moz-transition:color 0.5s ease-in;

}

.bluelink   a:link:hover,a:hover,a:visited:hover    {
color: #7290a4;
text-decoration:none;
/* font-weight:bold; */
-webkit-transition:color 0.5s ease-in; 
-moz-transition:color 0.5s ease-in;

}



.graylink   a:link:hover,a:hover,a:visited:hover        {
color:  #b0afaf;
text-decoration:none;
-webkit-transition:color 0.5s ease-in; 
-moz-transition:color 0.5s ease-in;

}

小さな何かが欠けているようです...明確にするために、メインの CSS ファイルからの干渉はありません。アクティブでないときのハイパーリンクの色を除いて、a はまったく定義されていません。

4

1 に答える 1

0

宣言では、a:link:hover... の親のクラスのみを記述します。

.graylink   a:link:hover,
.graylink   a:hover,
.graylink   a:visited:hover{
    color:  #b0afaf;
    text-decoration:none;
    -webkit-transition:color 0.5s ease-in; 
    -moz-transition:color 0.5s ease-in;
}

これにより、グレーが正しく動作し、他の色とビンゴについても同じことが行われます。

于 2013-10-06T23:31:41.570 に答える