この記事では、CSS の content 属性を理解し、コンテンツの使用シナリオを紹介します。
開発中にフロート、小さなアイコンのクリア、コンテンツの置き換えなどのシナリオに遭遇すると、必然的に content 属性に遭遇することになります。 Baidu について詳しく研究されていることがほとんどありませんが、結局「CSS World」という本を読むときにコンテンツの章を読んだので、今日はコンテンツの利用メカニズムについて詳しく紹介します。
content 属性は、生成されたコンテンツを挿入するために、:before および :after 擬似要素とともに使用されます。 content 属性を使用して挿入されたコンテンツは、匿名の置換可能な要素です。まず、交換可能な要素とは何かを理解しましょう。
最初に画像の読み込みを確認します:
img の src 属性が変更され、表示される画像が変更されました。この、ある属性値が示す内容を変更することで置換可能な要素を「置換要素」と呼びます。
典型的な置換要素:、
