色の異なる単語(href
リンク)を含むナビゲーションメニューを作成しています。色を変更しないでください(ホバー、訪問済みなど)。
さまざまな状態の色を設定する方法は知っていますが、テキストの色(およびその他のスタイル/フォーマット)をそのままにするコードを知りたいです。
助言がありますか?
色の異なる単語(href
リンク)を含むナビゲーションメニューを作成しています。色を変更しないでください(ホバー、訪問済みなど)。
さまざまな状態の色を設定する方法は知っていますが、テキストの色(およびその他のスタイル/フォーマット)をそのままにするコードを知りたいです。
助言がありますか?
回答:
リンクのスタイルを定義するだけでa:hover
、a:visited
などをオーバーライドできます。
a {
color: blue;
text-decoration: none; /* no underline */
}
inherit
代わりに親スタイルの属性を使用する場合は、値を使用することもできます。
body {
color: blue;
}
a {
color: inherit; /* blue colors for links too */
text-decoration: inherit; /* no underline */
}
initial
また、CSSをデフォルトのスタイルにリセットする場合にも役立ちます。これはここのリンクで
inherit
!
inherit
ancietブラウザーとInternet Explorerでのみ機能しないか、一般的なブラウザー(Chrome、Firefox)でも問題がありますか?
クリスが私の前に言ったように、a
オーバーライドするだけです。例えば:
a { color:red; }
a:hover { color:blue; }
.nav a { color:green; }
この場合、.nav a
は常に緑色になり、:hoverはそれに適用されません。
これに影響を与える他のルール!important
がある場合は、を使用できますが、使用しないでください。落ちるのは悪い習慣です。
.nav a { color:green !important; } /*I'm a bad person and shouldn't use !important */
そうすると、他のルールとは無関係に、常に緑色になります。
a
すると、変更を防止できます:hover
(:visited
など)。あなたがディックで3つの答えすべてをゴミ捨てする代わりに、あなたは実際の解決策を提案しませんか?
inherit
キーワードです。残念ながら100%のサポートはありません。