CSS |
記述したCSSが反映されない |
>> | CSSの優先順位を正しくする |
CSSは、ブラウザで読み込まれていく順にCSS記述内容が優先されていく【1】。同じidやclassならば上書き設定され、同じプロパティならば後述の値を優先(上書き)し、存在しないプロパティならば追加する。また、この上書きと追加の優先順位はセレクタにも依存するので、同じ外部CSSファイル内であっても共同でCSSファイルを編集しているときは注意しよう。そして、外部ファイル以外にもHTML内の記述、タグ内にstyle属性を使いブラウザがもっとも最後に読み込む部分にも記述できるため、外部ファイルだけでなく優先順位を追う必要がある【2】【3】。