1. ホーム
  2. html

[解決済み] 特定のクラスに :hover するが :not する。

2022-12-10 12:35:23

質問

のホバー効果を適用するにはどうすればよいですか? a 要素には適用せず a 要素ではなく、クラス active ?

a:hover(not: .active)

何かが欠けているようだ。

どのように解決するのですか?

関数表記は :not() ではなく :hover :

a:not(.active):hover

もし :hover を最初に置くのが好きなら、それでもよい。

a:hover:not(.active)

どの擬似クラスが最初か最後かは問題ではありません; どちらであっても、セレクタは同じように動作します。たまたま、私の個人的な慣習として :hover を最後に置くのが私の個人的な慣例になっています。