ワンポイントアドバイス！

セレクタの得点方法を把握して確実にCSSを有効にしましょう。

セレクタの得点

セレクタの主な種類
CSSセレクタの優先順位の計算方法得点例
全称セレクタ0* すべての要素に適用
要素名1h1 p div span table など
擬似要素1:after など
擬似クラス10:hover など
class10.main-text
id100#header
style属性1000<div style="font-size:140%;">
!important合わせて使用したプロパティを最優先font-size:140%!important;
セレクタの計算例
セレクタの例得点
div#main p102点
#main p.main-text111点
div#main p.main-text112点
div#main main p.main-text113点