CSSの擬似要素
::first-letter
要素の1文字目を指定
1文字目だけにスタイルを適応させたい場合
::first-line
要素の1行目を指定
1行目だけにスタイルを適応させたい場合
::before
要素の直前にコンテンツを追加
記載しているHTMLの前部分にスタイルを適応させる
::after
要素の直後にコンテンツを追加
記載しているHTMLの後部分にスタイルを適応させる
CSSの擬似クラス
:hover
マウスが重なっている状態のみスタイルが適応される
:active
マウスがクリックされている状態のみスタイルが適応される
:focus
マウスがフォーム要素などにフォーカスが当てられた状態のみスタイルが適応される
:link
aタグに対してリンク未訪問の場合のみスタイルが適応される
:first-child
親要素の最初の子要素だけがスタイル適応される
:nth-child()
親要素の() 内の子要素番号だけがスタイル適応される
:nth-of-type()
親要素と同じ種類の() 内の子要素番号だけがスタイル適応される
:not()
親要素の()内の要素以外にスタイルが適応される