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

CSS ＞ 擬似

一覧

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

　閲覧数:522　投稿日: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/16 6:17 更新
週間人気ページランキング ／ 7-9 → 7-15
順位 ページタイトル抜粋 アクセス数
1 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 19
2 RGB ⇔ Lab | 色変換(色) 18
3 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 14
4 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 13
4 「東京都」のカラーコード取得は難しい | カラーコード(色) 13
5 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) 11
6 RGBの種類 ／ ビットカラー | RGB(色) 9
7 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 8
8 鉄道会社毎のカラーコード | カラーコード(色) 7
9 「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 | 画像 6
10 16進数カラーコード ／ 2進数 5
10 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 5
11 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 4
11 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色) 4
11 ログイン 4
11 カラーコード ／ 色コード | カラーコード(色) 4
11 色モデルイメージ図 | 色変換(色) 4
12 FontAwesomeでアイコンが□（四角）になって表示されない　Forbidden　 | Font Awesome(フォント) 3
12 「bgcolor」「background-color」「background」の違い | CSS 3
12 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 3
2025/7/16 1:01 更新