疑似クラスと疑似要素

疑似クラスと疑似要素

疑似クラス

疑似クラスとは疑似的に処理をセレクタに追加するものです。
:をつけます。
疑似クラス一覧
:active
:any
:checked
:default
:dir()
:disabled
:empty
:enabled
:first
:first-child
:first-of-type
:fullscreen
:focus
:hover
:indeterminate
:in-range
:invalid
:lang()
:last-child
:last-of-type
:left
:link
:not()
:nth-child()
:nth-last-child()
:nth-last-of-type()
:nth-of-type()
:only-child

疑似要素

疑似要素はセレクタに追加するものは同じですが名前と書き方が違います。
::をふたつつけます。

疑似要素一覧
::after
::before
::first-letter
::first-line
::selection
::backdrop

あんまり無づかしく考えず個別に処理を覚えて使えるようにしときましょう。