セレクタの詳細度

セレクタの詳細度　※下にいくほど「強」
①全称セレクタ
* {font-weight: 12px;}
 
②要素型セレクタ（タイプセレクタ）
p {color:blue;}
 
③クラスセレクタ
.sample {color:blue;}
 
④属性セレクタ　「title」属性を持つ「a」要素の場合
a[title] {color: purple;}
 
⑤擬似クラス　要素の最初の一行の場合
p:first-line {color:blue;}
 
⑥IDセレクタ
#sample {color:blue;}
 
⑦インラインスタイル
HTML内に記述