インライン CSS では、:before や :after のような疑似要素をスタイルできますか?

インライン CSS での CSS :before と :after の使用

質問:

インライン CSS では、:before および :after 疑似要素の使用が適切かどうかを判断する必要があります。実行可能な選択肢。インライン CSS を使用して次の例のようなことを実現するにはどうすればよいですか?

例:

td { 
    text-align: justify;
}
td::after { 
    content: "";
    display: inline-block;
    width: 100%;
}

回答:

インライン CSS を使用して疑似要素のスタイルを設定することはできません。それらの固有の特性によるものです。疑似要素と疑似クラスは、HTML の機能を拡張する CSS の抽象的な概念を表します。ただし、インライン スタイルは HTML 内で定義され、それが添付されている要素にのみ影響します。したがって、疑似要素は HTML 構造の一部ではないため、インライン スタイルを疑似要素に適用することはできません。

疑似要素を使用する場合は継承が適用されることに注意することが重要です。デフォルトで継承されたプロパティは、生成要素から :before および :after でアクセスできます。対照的に、疑似クラスのスタイルは影響を受けません。たとえば、テーブル データ (td) 要素のインライン スタイル属性を使用して text-align: justify を定義すると、それは td:after に継承されます。ただし、インライン スタイル属性を使用して td:after を宣言することはできないため、CSS スタイルシート内で行う必要があります。

以上がインライン CSS では、:before や :after のような疑似要素をスタイルできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。