疑似クラスは「未訪問」や「訪問済み」のリンク状態のように要素が特定の状態にあることを表します。一方「要素の始めの文字の表記」など要素内の特定の文字や語句スタイルを表す疑似要素。どちらも要素名の後に「:(コロン)」をつけて記述します。
疑似クラス・疑似要素の種類
疑似クラス(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