擬似要素（Pseudo-elements）

CSS ＞ 擬似

擬似要素とは？

　状態:- 　閲覧数:1,746 　投稿日:2015-09-11 　更新日:2015-09-16
Pseudo-elements
・元となる要素を基準に、別の要素を指し示すときに使用

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

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

すべての擬似要素

　閲覧数:546　投稿日:2015-09-13　更新日:2015-09-16
CSS3
::after
::before
::first-letter
::first-line
::selection

CSS2
:after
:before
:first-letter
:first-line
:selection

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

要素毎に順番で背景色変更



類似度ページランキング
順位 ページタイトル抜粋 ％
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
2025/12/28 18:51 更新
週間人気ページランキング ／ 12-21 → 12-27
順位 ページタイトル抜粋 アクセス数
1 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 70
2 Design 0 5
2 色モデルイメージ図 | 色変換(色) 5
2 デザイン変更 | Webデザイン(デザイン) 5
2 「東京都」のカラーコード取得は難しい | カラーコード(色) 5
3 RGB ⇔ Lab | 色変換(色) 3
3 似顔絵ジェネレーター : 似顔絵メーカー ／ NIGAOE MAKER 3
3 Material Design 2014 年 | Material Design(色) 3
3 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 3
3 「bgcolor」「background-color」「background」の違い | CSS 3
3 Chromeがおかしくなった。width認識が狭くなりレイアウトが崩れる | Google Chrome(ブラウザ) 3
3 Chromeをインストール出来ない | Google Chrome(ブラウザ) 3
3 RGB → 色相H … 最小値基準 × 図形 の考え方 | 色変換(色) 3
3 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 3
3 Bookmarks clean up | Chrome 拡張機能 3
4 JavaScript in Bootstrap | 2系(Bootstrap) 2
4 ｢レイヤー」＋「レイヤー効果」をコピーして新規psdにペースト | Photoshop 2
4 Chromeブラウザは、ユーザーという単位で情報管理している(Cookieを使用する場面もあるが、必ずしもCookieだけに頼っているわけではない) | Google Chrome(ブラウザ) 2
4 パッケージ化されてない拡張機能 | Chrome 拡張機能 2
4 「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 | 画像 2
2025/12/28 1:01 更新