CSSが効かないと思ったら

css
  1. w3cチェック
  2. 1がノーミスなら!importantを末尾につけてみる
  3. 2で効いたら獲得ポイントをチェック
  4. 2で効かないならセレクト名のスペルをチェック


3.獲得ポイント

*（全称セレクタ）= 0ポイント
p,h1　などのタグ = 1ポイント
.sample（classの場合）= 10ポイント
#sample（IDの場合）= 100ポイント

ポイントはセレクタを複数並べることで加算されていく

p.sample＝1＋10＝11ポイント
.sample p＝10＋1＝11ポイント
.sample li p＝10＋1＋1＝12ポイント
#sample .sample＝100＋10＝110ポイント
#sample .sample p＝100＋10＋1＝111ポイント
上記の用に、idは最高ポイントなので
セレクタは子孫セレクタにして、
親のIDの付いたdiv要素から書くと効きやすい。