CSS :before と :after で HTML コンテンツを挿入できますか?

:before および :after CSS セレクターを使用した HTML の挿入

質問:

:before および :after CSS セレクターは、HTML コンテンツをelement?

応答:

いいえ、これは CSS だけでは不可能です。 :before と :after で使用される content プロパティは HTML の挿入をサポートしておらず、テキスト コンテンツのみに限定されています。

理由:

CSS の content プロパティは次のように設計されています。 HTML ではなくテキストコンテンツを要素に挿入します。 CSS を使用して HTML を挿入すると、潜在的なセキュリティ リスクやレンダリングの問題が発生する可能性があります。この機能を実現するには、JavaScript または jQuery などの JavaScript フレームワークを採用する必要があります。

追加の考慮事項:

• 提供されたコードでは、 content プロパティ内で一重引用符 (') と二重引用符 (") の両方が使用されています。競合を避けるために、プロパティ全体で 1 種類の引用符を使用することをお勧めします。 value.
• 挿入されたコンテンツに :before ルールまたは :after ルールも含まれている場合、CSS 経由で HTML を挿入すると、無限ループが発生する可能性があります。

以上がCSS :before と :after で HTML コンテンツを挿入できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。