a
要素にホバー効果を適用しますが、active
要素を持つa
要素にホバー効果を適用するにはどうすればよいですか?:ホバー:特定のクラスではない
a:hover(not: .active)
何かが欠落しているようです。
a
要素にホバー効果を適用しますが、active
要素を持つa
要素にホバー効果を適用するにはどうすればよいですか?:ホバー:特定のクラスではない
a:hover(not: .active)
何かが欠落しているようです。
機能の表記は上の:not()
、ない:hover
です:あなたは:hover
最初に置くことを好む場合
a:not(.active):hover
、それは大丈夫です:疑似クラスが最初に来るどの問題ではありません
a:hover:not(.active)
または最後に。どちらの方法でも、セレクタは同じ動作をします。 :hover
を私の個人的な大会にするのは、ユーザーインタラクション疑似クラスを構造的な疑似クラスの背後に置く傾向があるためです。
not()
セレクタを使用するオプションがあります。
a:not(.active):hover { ... }
ただし、すべてのブラウザがCSS3機能を実装しているわけではないため、すべてのブラウザで機能するとは限りません。
多くのユーザー層をターゲットにしており、古いブラウザをサポートしたい場合は、.active:hover
のスタイルを定義し、何でもしている間に元に戻すのが最も良い方法です。a:hover
。
ああ、完璧!ありがとう@ BoltClock。 – Michelle
バージョン9より前のIEをサポートする必要がある場合は、 'not()'をサポートしていないように見えるので注意してください。https://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx#pseudoclasses 。おそらく@Mendhakの答えを見てください。 – SharpC