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

擬似要素とは？

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

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

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

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

　閲覧数:630　投稿日: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/5/19 19:48 更新

順位

ページタイトル抜粋

％

2026/5/19 19:48 更新

順位	ページタイトル抜粋	アクセス数
1	Design 0	7
2	RGBの種類／ビットカラー \| RGB(色)	4
2	「属性」「プロパティ」「アトリビュート」の違い \| CSS	4
2	Chromeでmhtml保存を選択できなくなったので、拡張機能「Save Page State」を導入 \| Chrome 拡張機能	4
3	HTMLエディタカテゴリー	3
3	鉄道会社毎のカラーコード \| カラーコード(色)	3
3	ICCプロファイル \| カラーマネージメント(色)	3
3	CSS 「id」「class」名に関する調査履歴 1 \| 命名規則(コーディングルール)	3
3	textareaのスクロールバーが横へはみ出す場合は、「box-sizing:border-box;」を指定する \| CSS	3
3	金融機関ブランドカラー／コーポレートカラー \| カラーコード(色)	3
3	HSV → RGB 計算方式の違い \| 色変換(色)	3
3	アイコン \| 3系(Bootstrap)	3
3	ドロワーメニューが表示されない理由 \| モバイルデザイン(デザイン)	3
4	CSS カテゴリー	2
4	「position:sticky;」がどうしても効かない → を一旦削除してみる → に「display:inline;」を指定 \| CSSトラブル対応(CSS)	2
4	「Chrome拡張機能」開発中に遭遇したエラー \| Chrome 拡張機能	2
4	RGB ⇔ Lab \| 色変換(色)	2
4	画像縦横比の問題 \| 画像	2
4	画像大きさ \| 他サイト調査(HTML)	2
4	「Google Chrome」を再起動するためには「chrome://restart」へアクセスします。 \| Google Chrome(ブラウザ)	2
	2026/5/19 5:05 更新

順位

ページタイトル抜粋

アクセス数