詳細度

• IDセレクタ： #my-id
• クラスセレクタ： .my-class
• 属性セレクタ： a[href="https://rohikata-wd.com"]
• 擬似クラス： a:hover
• 要素型セレクタ： p
• 擬似要素： a::before

Specificity Caluculator 詳細度確認サイト

1. IDセレクタ
2. クラスセレクタ、属性セレクタ、疑似クラス
3. 要素型セレクタ、疑似要素