色の異なる単語(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!
inheritancietブラウザーと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%のサポートはありません。