ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS `content` プロパティは HTML 要素を挿入できますか?

CSS `content` プロパティは HTML 要素を挿入できますか?

DDD
リリース: 2024-12-11 13:48:10
オリジナル
422 人が閲覧しました

Can CSS `content` Property Insert HTML Elements?

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

CSS コンテンツ プロパティは、要素の前後にテキスト コンテンツを挿入するように設計されています。ただし、純粋なテキストの代わりに HTML コードを挿入するために利用できますか?

いいえ、CSS コンテンツでは HTML の挿入はできません

残念ながら、CSS コンテンツ プロパティはそうではありません。 HTML コードの挿入を許可します。仕様によれば:

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

その他つまり、content プロパティは、ドキュメントの言語に関係なく、文字列値を文字通りに扱います。

例: HTML なし解析

次の CSS を検討します:

.header:before {
  content: '<a href="#top">Back</a>';
}
ログイン後にコピー

この HTML に適用する場合:

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート