ホバー状態および訪問した状態で CSS 疑似要素のスタイルを設定するにはどうすればよいですか?

CSS 疑似クラスと疑似要素を使用したホバーおよび訪問時の要素のスタイリング

「:」などの疑似要素をスタイルするには前に」をマウスオーバーまたは訪問した状態で使用するには、正しい構文を使用します。 「」または「」。疑似要素はセレクター内の疑似クラスの後に来ることに注意してください。

CSS3 の場合は、二重コロンを使用して疑似クラスと疑似要素の区別を明確にします。「」 」

ただし、制限を理解することが重要です。 「:hover」のような疑似クラスを「:before」のような疑似要素に直接適用して、疑似要素とのユーザーの対話に基づいてスタイルを設定することはできません。代わりに、これらは物理的な子要素に適用する必要があります。

「:hover」のようなユーザー アクションの擬似クラスの場合、ユーザーが擬似要素を操作する場合にのみ効果が適用されますが、標準の CSS はそうします。直接的な解決策は提供しません。このような場合は、回避策を使用するか、子要素に「:hover」を適用することを検討する必要があるかもしれません。

以上がホバー状態および訪問した状態で CSS 疑似要素のスタイルを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。