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

CSS擬似

一覧

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

 閲覧数:457 投稿日: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
2024/11/23 5:16 更新
週間人気ページランキング / 11-16 → 11-22
順位 ページタイトル抜粋 アクセス数
1 鉄道会社毎のカラーコード | カラーコード(色) 12
2 FontAwesomeでアイコンが□(四角)になって表示されない Forbidden  | Font Awesome(フォント) 10
3 Design 0 8
3 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 8
4 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 6
5 「東京都」のカラーコード取得は難しい | カラーコード(色) 5
5 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 5
6 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 4
7 「:after擬似要素」は、Chromeの「要素を検証」で確認できない | 擬似(CSS) 3
7 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 3
7 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 3
7 個人的によく見返すエントリーへのLinkなど | その他 3
7 RGB ⇔ Lab | 色変換(色) 3
7 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 3
7 色モデルイメージ図 | 色変換(色) 3
8 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 2
8 ICCプロファイル | カラーマネージメント(色) 2
8 パッケージ化されてない拡張機能 | Chrome 拡張機能 2
8 空間的 / 可逆な JPEG ファイルの読み込みは実行されません | Photoshop CS3(Photoshop) 2
8 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 2
2024/11/23 1:01 更新