`:hover` および `:visited` 疑似クラスを使用して `a:before` をスタイル設定するにはどうすればよいですか?

「:hover」および「:visited」条件による「a:before」の呼び出しに対処する

「」を正常に利用できないa:before:hover' は、CSS 構文の基本的な理解から生まれます。 「a」要素が疑似クラスに一致する場合にスタイルを「a:before」疑似要素に適切に適用するには、形式を「a:hover:before」または「a:visited:before」にする必要があります。これは、疑似要素がセレクター内の疑似クラスの後に来ることを示します。

CSS3 では、二重コロンの使用 (例: 'a:hover::before' または 'a:visited::before) ') 疑似クラスと疑似要素の区別が明確になります。ただし、IE8 以下のようなレガシー ブラウザでは単一のコロンで十分です。

擬似クラスと擬似要素の順序は仕様で厳密に定義されています。擬似要素は、コンビネータを持たないセレクタのチェーンである単純なセレクタ シーケンスの末尾にのみ追加できます。単純なセレクターには、タイプ セレクター、ユニバーサル セレクター、属性セレクター、クラス セレクター、ID セレクター、および疑似クラスが含まれます。疑似クラスは単純なセレクターですが、疑似要素はそうではありません。

ただし、「:hover」のようなユーザーアクション疑似クラスの場合、目的の効果が疑似要素とのユーザー操作に限定されている場合、現在、標準の CSS では実現できません。代わりに、「:hover」を実際の子要素に適用する必要があります。

以上が`:hover` および `:visited` 疑似クラスを使用して `a:before` をスタイル設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。