擬似クラス

セレクターに付加するキーワード

構文

code:css

selector:hover {

property: value;

}

擬似クラスの例

:active

:hover

:focus

:disabled

:enabled

:checked

:first-child

:last-child

:nth-child

要素の種類に関わらず、同じ階層のすべての要素を通して数える

:nth-last-child()

:nth-of-type(n)

「同じ階層のn番目の要素」にスタイルをあてることができる

指定できる値

整数

数式

even (偶数)

odd (奇数)

:not()

:root

参考

関連