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

CSS の Content プロパティを使用した HTML の挿入: 実現可能性の問い合わせ

CSS の content プロパティは、コンテンツを生成し、コンテンツの前後に追加する方法を提供します。 :before や :after のような疑似クラスを使用する要素。このアプローチでは特定のスタイル設定タスクを簡素化できますが、プレーン テキストの代わりに HTML コードを挿入できるかどうかという問題が生じます。

問題:

開発者は次のことを求めています。 content プロパティを使用して HTML コードの挿入を実装します。次のコードを考えてみましょう。

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

このアプローチの目的は、「戻る」というテキストとページの先頭へのリンクを含む 要素を生成することです。しかし、開発者は、純粋に CSS を使用してこれを実現する方法はないかと考えています。

答え:

残念ながら、content プロパティを使用して HTML コードを挿入することは実現できません。 CSS 仕様によると:

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

これこれは、content プロパティが文字列値を文字通りに扱い、文字列値がマークアップとして解釈されないようにすることを意味します。

提供された例では、指定された CSS をHTML:

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