:hover スタイルを :before と :after 疑似要素に適用するにはどうすればよいですか?

:hover :before 要素と :after 要素の条件

問題

「:hover」を「:before」に適用するときに問題が発生しています。要素。 「:before:hover」を使用する試みは効果がないことが証明されています。

説明

親要素の「:hover」ステータスに基づいて「:before」要素にスタイルを適用するための正しい構文は、 :hover:before または a:visited:before。擬似要素は、セレクターの最後、擬似クラスの後に追加されます。

CSS3 では、二重コロン (::) を使用して擬似要素を表すことで、この区別を明確にすることができます。したがって、正しい構文は a:hover::before および a:visited::before になります。ただし、IE8 などの従来のブラウザーでは、単一のコロンも引き続き使用できます。

この構文は、単純なセレクターの最後のシーケンスに疑似要素を追加する必要があると規定されている CSS 仕様によって規定されています。

制限事項

上記のアプローチは、次のようなユーザーアクションの疑似クラスには適していない可能性があることに注意してください。擬似要素自体が操作されるときにのみ効果を適用する場合は、「:hover」を使用します。これは現在、標準の CSS メカニズムでは不可能です。このような場合、「:hover.」を適用するには、疑似要素の代わりに実際の子要素を使用する必要がある場合があります。

以上が:hover スタイルを :before と :after 疑似要素に適用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。