疑似クラスは「未訪問」や「訪問済み」のリンク状態のように要素が特定の状態にあることを表します。一方「要素の始めの文字の表記」など要素内の特定の文字や語句スタイルを表す疑似要素。どちらも要素名の後に「:(コロン)」をつけて記述します。
疑似クラス・疑似要素の種類
| 疑似クラス(Pseudo-classes)の種類 | |
|---|---|
| :link | 未訪問時のリンクの色を表す |
| :visited | 訪問済みのリンクの色を表す |
| :hover | マウスポインタが要素の上にあてた時の色を表す |
| :active | マウスのボタンが押された時の色を表す |
| :focus | 要素が選択されたときのスタイルを表す。 |
| 擬似要素(Pseudo-elements)の種類 | |
|---|---|
| :first-child | ある要素が親要素の子要素である状態を表す。 |
| :first-letter | 最初の文字だけにスタイルを指定する |
| :first-line | 最初の1行だけにスタイルを指定する |
| :before | 要素の先頭に文字や記号を指定する |
| :after | 要素のあとに文字や記号を指定する |
| :lang | 要素の内容が記述されている言語を表す |
スポンサーリンク
スポンサーリンク
Category
BILLION WALLET Copyright©All rights reserved