備忘ろぐ

備忘録です。web関連の技術ログ。

!importantでcssを優先させる

 

f:id:sakamoto9:20151113022914j:plain

例えば後から指定したCSSの方が優先され、セレクタもclassよりはidを使ったスタイルが優先されます。
セレクタには指定方法により点数計算して高得点のものが適用なんてこともある
ある程度の規模が大きい案件になると更新案件一つとってみても毎回毎回、自分1人だけでサイト作りということも少なく、となりのメニューは別担当者、トップページは別の会社の人が制作なんてことがあります。
その際ガイドラインがしっかりと定まっていれば問題はないのでしょうがそうでない場合のお話です。各担当者のそれぞれが独自スタイル適用したりなんかしてうかつに.Pでも指定しようものなら優先度の高いところでがっつりスタイル適用済なんてなってページはとっちらかりのカオスになる、なんてこともあります。
こんなときに使用する?手法。それが!important。
きっちりスタイル設計する場合はとかく倦厭されがちなこのルールではありますが、限られてた条件内で仕事を仕上げるには大助かりです。


使い方


body {
 font-weight: bold !important;
 color: #cdcdcd !important;
}

こんなかんじでセミコロンの前に挟み込むことでセレクタの優先順位があがります。

 

ね。