CSS3擬似要素 (Pseudo-elements)ダブルコロン:: ／ CSS3擬似クラス (Pseudo-classes)シングルコロン:

CSS ＞ 擬似

一覧

　状態:- 　閲覧数:2,713 　投稿日:2015-09-10 　更新日:2015-09-16
CSS3擬似要素 (Pseudo-elements) … ダブルコロン
日本語表記 英語表記 コロン表記 コロン数 コロン内容
擬似要素 Pseudo-elements :: 2 ダブルコロン
擬似クラス Pseudo-classes : 1 シングルコロン
CSS2擬似要素 (Pseudo-elements) … シングルコロン
日本語表記 英語表記 コロン表記 コロン数 コロン内容
擬似要素 Pseudo-elements : 1 シングルコロン
擬似クラス Pseudo-classes : 1 シングルコロン
CSS3擬似要素は、CSS2擬似要素表記である シングルコロンも使用可

IE8
・CSS2擬似要素表示シングルコロン対応
・CSS3擬似要素表示ダブルコロン未対応

擬似要素 (Pseudo-elements) ／ 擬似クラス (Pseudo-classes)

　閲覧数:656　投稿日:2015-09-10　更新日:2015-09-16

違い


一覧表
日本語表記 擬似要素 擬似クラス
英語表記 Pseudo-elements Pseudo-classes
概要 元となる要素を基準に、別の要素を指し示すときに使用 元となる要素の一部や状態を表す時に使用
数 5 約23


擬似クラス（Pseudo-classes）

擬似要素（Pseudo-elements）



類似度ページランキング
順位 ページタイトル抜粋 ％
1 CSS3擬似要素 (Pseudo-elements)ダブルコロン:: ／ CSS3擬似クラス (Pseudo-classes)シングルコロン: 51
2 擬似クラス（Pseudo-classes） 33
3 擬似要素（Pseudo-elements） 33
4 Adobe Creative Suite 3 Master Collection インストール 29
5 CSS3-mediaqueries.jsは、@ importスタイルシートに記述した内容を反映しない 26
6 「Public domain」と「Public Domain Dedication (CC0)」 25
7 「隣接する直前要素」で「最初の要素以外」を指定するCSSセレクタは、囲う要素 直前要素:not(:first-child):has(+ 直後要素){} 25
8 モバイルデザイン3 ／ display: table; 24
9 キャッシュを待機しています →「chrome://net-internals/#dns」→「Clear host cache」ボタンクリック 24
10 CSS Transforms Module Level 1 24
11 Photoshop無料アクションファイル(atn)導入見送り 24
12 @media screen and (min-width: 0\0) { ／ アットメディアゼロハック（IE9、IE10）／ Bootstrap4 24
13 名前付き色(Named Colors) の仕様 23
14 divタグがdisplay:block;とかしても、ブロック要素にならないときは、 23
15 Virtual DOM ／ 擬似要素 ／ Shadow DOM の違いが分からない 23
16 「transform:translate3d();」でスマホ実機画面が一瞬だけチラつく → 「backface-visibility:hidden;」指定すると解消される 23
17 ＜style＞body{behavior:url(../../js/csshover.htc);}＜/style＞ で、リダイレクトエラー 23
18 PhotoshopCS3 で、テキストをアウトライン 23
19 ボタンクリックした際、テキスト選択状態になるのを防止するためには、「user-select: none;」 23
20 Bookmarks clean up 22
2026/5/02 18:08 更新
週間人気ページランキング ／ 4-25 → 5-1
順位 ページタイトル抜粋 アクセス数
1 CSSだけで、任意の要素に配置した画像を画面一杯に表示することは、基本的には出来ない。「img src」「背景画像」「div要素」何れの場合でも。可能なのは、特殊な要件が重なった場合だけ | CSS 9
2 Adobe Camera Raw 4.0 | Photoshop 8
3 Material Design 2014 年 | Material Design(色) 7
4 RGBの種類 ／ ビットカラー | RGB(色) 5
4 RGB → 色相H … 最小値基準 × 図形 の考え方 | 色変換(色) 5
5 Design 0 4
5 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 4
5 ログイン 4
5 RGB ⇔ Lab | 色変換(色) 4
6 「東京都」のカラーコード取得は難しい | カラーコード(色) 3
6 画像縦横比の問題 | 画像 3
7 「display:flex;」と記述するだけで有効 → 「flex-basis:auto; flex-direction:row; flex-grow:0; flex-shrink:1; flex-wrap:nowrap;」 | Flexible Box Layout Module(CSS) 2
7 IE8(ブラウザ) カテゴリー 2
7 RGB → 色相H … 最大値基準 × 図形 の考え方 | 色変換(色) 2
7 Fireworks CS3(Fireworks) カテゴリー 2
7 「属性」「プロパティ」「アトリビュート」の違い | CSS 2
7 Virtual DOM ／ 擬似要素 ／ Shadow DOM の違いが分からない | Web Components(HTML) 2
7 XnConvert Version 1.80 - windows x64 (Mar 2 2019) - Libformat version 7.26 | XnView MP 系(ソフトウェア) 2
7 上記とは異なるアプローチの仕方 2
7 好きな色は群青色 2
2026/5/2 5:05 更新