-1

私のstyle.cssにはすでにこのコードがあります（ワードプレスを使用）：

a:link, a:visited {
    color: #3088FF;
    text-decoration: none;
}

カテゴリのアンカーテキストの色、フォントスタイル、太字などを変更したい。どうすればこれをオーバーライドできますか?

4

3 に答える 3

5

既存のスタイルを上書きする必要がある場合は、!important宣言を使用してください。例えば、

.myStyledLink{
    color: #FFF !important;
}
于 2012-10-04T13:35:03.463 に答える
2

CSS でオーバーライドしたいインライン スタイルが既にアンカーにあると仮定すると、次の!importantキーワードを使用します。

<a href="#" style="color: red;">hello</a>​​​​​​​​​​​​​​​​

CSS:

a:link, a:visited {
    color: #3088FF !important;
    text-decoration: none;
}​

ライブ テスト ケース。

これは、インライン スタイルを含む他のすべてのスタイルをオーバーライドします。ブラウザ間の互換性が心配な場合は、次のことを行うべきではありません。

于 2012-10-04T13:34:20.353 に答える
2

出力 HTML でカテゴリ ウィジェットの ID を特定します。たとえばid="widget-cat"、そのウィジェット内のリンクの色をオーバーライドするために、次のように CSS ルールを作成します。

#widget-cat a:link, #widget-cat a:visited  {
    color: #FFF;
}

を使用すること!importantは、スタイルをオーバーライドするための最後の手段です。より具体的に作成できず、制御できないサードパーティの開発者によって作成された CSS ルールをオーバーライドする必要がある場合にのみ、これを使用することをお勧めします。

于 2012-10-05T12:25:00.980 に答える