CSSのcontent属性の使い方を詳しく解説

王林
リリース: 2020-04-30 09:12:13
転載
5801 人が閲覧しました

CSSのcontent属性の使い方を詳しく解説

content 属性は通常、疑似要素の内容を表すために、::before および ::after 疑似要素で使用されます。

使用方法の詳しい説明

1. 純粋な文字を挿入します

CSSのcontent属性の使い方を詳しく解説

  

1、插入纯字符

ログイン後にコピー

(ビデオ チュートリアルの推奨:css ビデオ チュートリアル)

2. 画像の挿入

CSSのcontent属性の使い方を詳しく解説

  

2、插入图片

ログイン後にコピー

3. 要素属性の挿入

CSSのcontent属性の使い方を詳しく解説

  

3、插入元素属性

ログイン後にコピー

4. 現在の要素番号 (つまり、現在の要素インデックス) を挿入します

この機能は、アクティブなページでのルールの導入に使用できます。

CSSのcontent属性の使い方を詳しく解説

  

4、插入当前元素编号(即当前元素索引)

  • 我是第1个li标签
  • 我是li标签中的第1个div标签
  • 我是第2个li标签
  • 我是第3个li标签
  • 我是li标签中的第2个div标签
  • 我是第4个li标签
  • 我是第5个li标签
ログイン後にコピー

5. 現在の要素番号 (指定された型) を挿入します

CSSのcontent属性の使い方を詳しく解説

  

5、插入当前元素编号(指定种类)

  • 我是第1个li标签
  • 我是li标签中的第1个div标签
  • 我是第2个li标签
  • 我是第3个li标签
  • 我是li标签中的第2个div标签
  • 我是第4个li标签
  • 我是第5个li标签
ログイン後にコピー

推奨チュートリアル:cssすぐに始めましょう

以上がCSSのcontent属性の使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:jb51.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!