擬似要素（Pseudo-elements） | 「擬似(CSS)」カテゴリー

擬似要素とは？

　状態:- 　閲覧数:1,972 　投稿日:2015-09-11 　更新日:2015-09-16

Pseudo-elements
・元となる要素を基準に、別の要素を指し示すときに使用

擬似クラスと比較すると、数は少ない
・全5種類

バージョンによって表記が異なる
・CSS3ではダブルコロン:: ／ CSS2ではシングルコロン: 使用

　閲覧数:632　投稿日:2015-09-13　更新日:2015-09-16

CSS3
::after
::before
::first-letter
::first-line
::selection

CSS2
:after
:before
:first-letter
:first-line
:selection

順位	ページタイトル抜粋	％
1	擬似要素（Pseudo-elements）	81
2	擬似クラス（Pseudo-classes）	57
3	font-size	40
4	Bookmarks clean up	36
5	cluster	36
6	font-family設定	35
7	Web Components	34
8	Responsive Glid	33
9	CSS3擬似要素 (Pseudo-elements)ダブルコロン:: ／ CSS3擬似クラス (Pseudo-classes)シングルコロン:	33
10	擬似要素	32
11	CSS Transforms Module Level 1	32
12	Awesome Screenshot	31
13	Font Awesome 4.7.0	31
14	_notesフォルダ削除	30
15	Font Awesome v5.0.8	30
16	Virtual DOM ／擬似要素／ Shadow DOM の違いが分からない	29
17	inputタグのsize属性	29
18	「:after擬似要素」は、Chromeの「要素を検証」で確認できない	29
19	Potrace	29
20	transformプロパティ	29
	2026/6/09 1:37 更新

順位

ページタイトル抜粋

％

2026/6/09 1:37 更新

順位	ページタイトル抜粋	アクセス数
1	キャラクター無料作成ジェネレーター／ FLASH ／オンラインサービス \| イラスト参考(デザイン)	5
1	「属性」「プロパティ」「アトリビュート」の違い \| CSS	5
2	RGBの種類／ビットカラー \| RGB(色)	4
3	HSLとHSVの違い \| 色変換(色)	2
3	画像縦横比の問題 \| 画像	2
3	全体基準となるhtmlタグへのfont-size指定案	2
3	「東京都」のカラーコード取得は難しい \| カラーコード(色)	2
3	SeaMonkey 2.7.2	2
3	RGB ／ 24ビットカラー	2
3	鉄道会社毎のカラーコード \| カラーコード(色)	2
3	金融機関ブランドカラー／コーポレートカラー \| カラーコード(色)	2
3	RGB ⇔ Lab \| 色変換(色)	2
3	縦横比が16:9となる整数値の組み合わせ	2
4	画面キャプチャ 2017 年 \| Chrome 拡張機能	1
4	メニュー他サイト調査 \| メニュー(UI)	1
4	RGB → HSL 変換式／最大値基準	1
4	RGB → HSL 最大値基準／ RGB 33, 150, 243 → HSL 206.6°, 89.7％, 54.1％さ	1
4	「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 \| Chrome 拡張機能	1
4	方式2.色相H0～1 ／ CSS Color Module Level 3	1
4	CopyTabTitleUrl(Chrome 拡張機能) カテゴリー	1
	2026/6/8 5:05 更新

順位

ページタイトル抜粋

アクセス数