content
CSSプロパティに文字列:before
や:after
次のような要素ではなく HTML コードを挿入させることが可能かどうか疑問に思っています。
.header:before{
content: '<a href="#top">Back</a>';
}
これはかなり便利です...Javascript でも実行できますが、CSS を使用すると本当に楽になります :)
ベストアンサー1
残念ながら、これは不可能です。スペック:
生成されたコンテンツはドキュメント ツリーを変更しません。特に、ドキュメント言語プロセッサにフィードバックされることはありません (再解析など)。
つまり、文字列値の場合、値は常に文字どおりに扱われます。使用されているドキュメント言語に関係なく、マークアップとして解釈されることはありません。
例として、次の HTML で指定された CSS を使用します。
<h1 class="header">Title</h1>
... 次のような出力が生成されます。