CSSセレクターの詳細度を調べる

セレクターを入力してみましょう

普段使うCSSや、過去問に出てきたセレクターを確かめられます。

ID、クラスなど、要素などの3つの値を左から順に比較します。単純に足し合わせる数値ではありません。

このツールはセレクターの詳細度を扱います。!important、インラインスタイル、カスケードレイヤーなどを含む、最終的なスタイルの優先順位全体を判定するものではありません。

:is()・:not()・:has()・:where()・:nth-child()（ofを含む）に対応します。CSS構文全体の検証は行いません。エスケープ、&を使うネスト、名前空間、未対応の関数は計算できません。