ユニバーサル セレクターを使用して疑似要素にスタイルを適用できますか?

ユニバーサル セレクターと擬似要素

ユニバーサル セレクター () は擬似要素 (:before、:after) に直接影響しません。実際の要素ではないからです。 のような単純なセレクターは要素のみをターゲットにしますが、疑似要素は DOM 内の別個のエンティティです。

疑似要素にスタイルを適用するには、対応する疑似要素をセレクターに含める必要があります。したがって、これらの疑似要素に影響を与えるには、:before、:after が必要です。

Using * { box-sizing: border-box;通常、ボックスのサイズ設定は継承されないため、単独では疑似要素には影響しません。代わりに、擬似要素は content-box のデフォルト値を保持します。

場合によっては、擬似要素はセレクター チェーン内のユニバーサル セレクターと並んで表示されることがあります (例: *、:before、:after)。ただし、チェーン内の唯一のコンポーネントではない場合は、ユニバーサル セレクターを省略できます。

疑似要素はデフォルトでインラインで表示されますが、インラインの場合、ボックス サイズ変更は影響しません。

単一コロン表記 (:before、:after) を使用して疑似要素にスタイルを適用する場合、IE8 は二重コロン表記 (::before、::after) をサポートしていないことに留意することが重要です。

最後に、:before、:after がすべての疑似要素にスタイルを適用しても、content プロパティが適用されるまでスタイルは生成されません。

以上がユニバーサル セレクターを使用して疑似要素にスタイルを適用できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。