CSS の「content」プロパティは HTML を挿入できますか?

CSS content プロパティ: HTML を挿入できますか?

CSS content プロパティを :before および :after 疑似要素とともに使用すると、前または前にコンテンツを挿入できます。要素の後。しかし、多くの開発者は、単純なテキストの代わりに HTML コードをコンテンツに挿入できるかどうか疑問に思っています。

HTML インジェクションに関する質問

よくある質問が次のとおりです。

Can you make the CSS content property insert HTML code instead of text, like this:

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

回答: HTML インジェクションなし

残念ながら、CSS 仕様によれば、これはそうではありません実現可能。仕様には次のように記載されています:

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

これは、次のことを意味します。 content プロパティで使用される文字列値は文字通りに扱われます。使用されているドキュメント言語に関係なく、マークアップとして解釈されることはありません。

例

次のことを考慮してください:

以上がCSS の「content」プロパティは HTML を挿入できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。