CSS疑似クラスコンテンツの生成

今回は、CSS の 疑似クラスコンテンツの生成と、CSS 疑似クラス コンテンツを生成する際の 注意事項 について説明します。以下は実際的なケースです。見てみましょう。

1. CSS を通じて既存の要素に新しいテキスト (画像) コンテンツを追加します
Selector:
1. :before
一致する要素の前に生成されたコンテンツを追加します
一致する要素の先頭に位置します
2. :after
一致する要素の後に生成されたコンテンツを追加します

例:

div:before{}
p:after{}
属性:

1. content
機能: match: before、:after 擬似要素は生成されたコンテンツを挿入しますdiv:before{
content: "Generated content:";
}
共通の値:
String: 通常のテキスト
URL: Image
Counter; この記事のケースを読んだことがあるかと思います。よりエキサイティングなコンテンツについては、php 中国語 Web サイトの他の関連記事にご注目ください。

関連記事:

ブラウザが私が書いたコードと互換性がない場合の対処法

2018 年の最新フロントエンド面接の質問 11

以上がCSS疑似クラスコンテンツの生成の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。