html - サイトのリンクの色をクラスで上書きするにはどうすればよいですか？

Question

サイトのデフォルトのリンクの色を上書きするのに問題があります。同様の質問を調べてみましたが、まだレンガの壁にぶつかっています。

これは私がベースリンクの色として定義したものです：

a:link, a:visited, a:hover { color: #0279aa }

そして、これは特定の要素に対する私のスタイルオーバーライドです。

a:link.slideshow-navigate { 
  background : #37ab4f;
  color : #fff;
}

リンクを次のように定義しました。

<a href="#" class="slideshow-navigate">Link name</a>

ただし、リンクの色はまだ#0279aaの代わりに表示されます#fff。「！important」は極力使わないようにしたいと思います。

どんな助けでも本当にありがたいです！前もって感謝します。

score 4 · Accepted Answer

それは次のようになります

a.slideshow-navigate{
    background : #37ab4f;
    color : #fff;
}

score 0 · Accepted Answer

0

これを行う：

a.slideshow-navigate
    {
        color:#fff;
    }

于 2013-03-12T11:20:25.007 に答える

score -2 · Accepted Answer

あなたはこれを行うことができます

a:link:not[href^="http"]{

background : #37ab4f;
  color : #fff;
}

すべてのリンクにクラスを追加する必要はありません

これにより、内部のすべてのリンクのスタイルが設定され、から始まる外部リンクが回避されhttpます。

3 に答える 3