CSS の「content」プロパティは HTML を挿入できますか、それともテキストのみを挿入できますか?

CSS コンテンツ プロパティはテキストの代わりに HTML を挿入できますか?

CSS スタイルの領域では、コンテンツ プロパティはテキストを埋め込む手段を提供します:before や :after などの疑似要素を介してコンテンツを要素に追加します。当然のことながら、次のような疑問が生じます: このプロパティは、単なるプレーン テキストではなく HTML コードの挿入を含めるように機能を拡張できますか?

技術的制限:

ただし、そのようなその努力には技術的な限界があります。 CSS 仕様によると:

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

本質的に、content プロパティに割り当てられた文字列値は、マークアップとして解釈されることなく、そのまま扱われます。この制限は、使用されているドキュメント言語に関係なく適用されます。

例:

次の CSS ルールと HTML 構造を考慮してください:

CSS:

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

HTML:

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