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

CSS ＞ 擬似

一覧

　状態:- 　閲覧数:2,347 　投稿日: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)

　閲覧数:521　投稿日: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
2025/7/13 2:23 更新
週間人気ページランキング ／ 7-6 → 7-12
順位 ページタイトル抜粋 アクセス数
1 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 15
2 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 14
2 RGB ⇔ Lab | 色変換(色) 14
3 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 13
4 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) 10
5 鉄道会社毎のカラーコード | カラーコード(色) 9
6 RGBの種類 ／ ビットカラー | RGB(色) 7
6 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 7
7 「東京都」のカラーコード取得は難しい | カラーコード(色) 6
8 「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 | 画像 5
9 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色) 4
9 「bgcolor」「background-color」「background」の違い | CSS 4
9 Design 0 4
9 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 4
9 ログイン 4
9 色モデルイメージ図 | 色変換(色) 4
9 空間的 / 可逆な JPEG ファイルの読み込みは実行されません | Photoshop CS3(Photoshop) 4
10 自由変形ツール | Illustrator CS3(Illustrator) 3
10 RGB → 色相H … 最大値基準 × 図形 の考え方 | 色変換(色) 3
10 デザイン変更 | Webデザイン(デザイン) 3
2025/7/13 1:01 更新