インライン CSS で CSS ::before および ::after 疑似要素を使用するには? 質問する

インライン CSS で CSS ::before および ::after 疑似要素を使用するには? 質問する

インライン CSS (つまり、属性内の CSS) を使用して HTML 電子メール署名を作成していますが、および疑似要素styleを使用できるかどうか知りたいです。:before:after

もしそうなら、インライン CSS でこのようなものを実装するにはどうすればよいでしょうか?

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

ベストアンサー1

疑似要素にインライン スタイルを指定することはできません。

これは、疑似要素、疑似クラス(私の回答を参照)がこの他の質問)は、HTML では表現できないドキュメント ツリーの抽象化としてセレクタを使用して CSS で定義されます。style一方、インライン属性は、特定の要素に対して HTML 内で指定されます。

インライン スタイルは HTML 内でのみ使用できるため、定義されている HTML 要素にのみ適用され、生成される疑似要素には適用されません。

余談ですが、この点における擬似要素と擬似クラスの主な違いは、デフォルトで継承されるプロパティが意思継承されるは生成要素によって、また生成要素:beforeから:after継承されますが、疑似クラス スタイルはまったく適用されません。たとえば、あなたの場合、要素text-align: justifyにインライン スタイル属性を配置するとtd、それが に継承されますtd:after。注意点は、インライン スタイル属性で宣言することはできないということですtd:after。スタイルシートで行う必要があります。

おすすめ記事