先日の台風で梅雨が明けた気分になっていましたが、全然そんなことなかったです。 こんにちは、フロントエンドエンジニアのあつこです。 HTMLとCSSでお仕事をするようになって暫く経つのですが 未だにスタイル効かない、何故だ。。。→優先度が低かった!ってことがたまに起こります。 Sass等メタ言語を使ってると、コンパイル後の形を想像しにくくなるのですね(´・ω:;.:... 今日はそんな「CSSにおけるスタイルの適応の優先順位」についてまとめてみました。 もくじ 0.デモの準備 1.基本の優先順位 2.タイプセレクタとclassセレクタ 3.親要素と一緒に指定する 4.idセレクタとclassセレクタ 5.つまりどうゆうこと? 6.最終奥義!important宣言 おまけ.IEのセレクタの限界のはなし 「ある程度なら知ってるよ!」って方は5.つまりどうゆうこと?から読んでもらえれば大丈夫かと思
![!importantはもう使わない!CSSの優先順位をおさらいしよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f550f5880a98d8a858ad75f7a790390fe442db9/height=288;version=1;width=512/http%3A%2F%2Fcreator.aainc.co.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2014%2F07%2F0714_00.jpg)