CSS コンテンツ プロパティ: テキストの代わりに HTML を挿入することは可能ですか? 質問する

CSS コンテンツ プロパティ: テキストの代わりに HTML を挿入することは可能ですか? 質問する

contentCSSプロパティに文字列:before:after次のような要素ではなく HTML コードを挿入させることが可能かどうか疑問に思っています。

.header:before{
  content: '<a href="#top">Back</a>';
}

これはかなり便利です...Javascript でも実行できますが、CSS を使用すると本当に楽になります :)

ベストアンサー1

残念ながら、これは不可能です。スペック:

生成されたコンテンツはドキュメント ツリーを変更しません。特に、ドキュメント言語プロセッサにフィードバックされることはありません (再解析など)。

つまり、文字列値の場合、値は常に文字どおりに扱われます。使用されているドキュメント言語に関係なく、マークアップとして解釈されることはありません。

例として、次の HTML で指定された CSS を使用します。

<h1 class="header">Title</h1>

... 次のような出力が生成されます。

<a href="#top">戻る</a>タイトル

おすすめ記事