content
ブラウザで属性が内部的にどのように機能するかを誰かが説明できますか。webInspector に表示されていなくても、DOM に新しいノードを作成しますか。また、実際の DOM ノードと同じようにメモリ消費の影響を受けますか?
2 に答える
W3Cから:
このプロパティ (コンテンツ) は、ドキュメント内にコンテンツを生成するために、:before および :after 疑似要素と共に使用されます。生成されたコンテンツはドキュメント ツリーを変更しません。特に、それはドキュメント言語プロセッサにフィードバックされません (たとえば、再解析のために)。
また、MDNによると:
content プロパティを使用して挿入されたオブジェクトは、匿名の置換要素です。CSS では、置き換えられた要素は、表現が CSS の範囲外である要素です。これらは、表現が CSS に依存しない一種の外部オブジェクトです。代表的な置き換えられる要素は、、、
<image>
または<object>
の<video>
ようなフォーム要素<textarea>
です<input>
。一部の要素は、特定の場合にのみ要素と同様<audio>
または<canvas>
置換されます。CSS コンテンツ プロパティを使用して挿入されたオブジェクトは、匿名の置換要素です。CSS は、マージンや自動値を計算する場合など、特定のケースで置き換えられた要素を処理していました。すべてではありませんが、一部の置き換えられた要素には固有の寸法または定義済みのベースラインがあり、これは vertical-align などの一部の CSS プロパティで使用されることに注意してください。
CSS 2.1仕様でこれを見つけました
生成されたコンテンツはドキュメント ツリーを変更しません。特に、それはドキュメント言語プロセッサにフィードバックされません (たとえば、再解析のために)。