「CSSの指示が効かない。どうして?」 「CSSが効かなかった。修正に時間がかかりすぎる。」 正しいCSSの設定が効かないことがよくありますし、「効かない」ことをどうにかしようとして、更に設定が複雑になり、収集がつかなくなったことはありませんか? この経験は初学者が必ず通る道です。ただ、この苦痛はできるだけ避けたいものです。そこで、この記事では知っておいて欲しい「優先順位」の考え方と「!important」の使い方をご紹介します。この知識があれば、CSSの書き方が変わりますし、問題が発生した時の解を自分で導き、必要以上に解決に時間がかることがなくなるはずです。 この記事は、CSSの初学者向けに書いていいます。経験者を想定した記事ではありません。 CSSが効かない状況 まず、どのような時にCSSの指示が効かなくなるかを知っておきましょう。CSSの記載ミスを除き、一般的には以下のパターンがあり
![CSSの優先順位を理解しよう(!importantの使い方も)](https://cdn-ak-scissors.b.st-hatena.com/image/square/5ab9018e409949a8832781a95c24a4c600760bd7/height=288;version=1;width=512/https%3A%2F%2Fcreive.me%2Fwp-content%2Fuploads%2F2018%2F10%2Fpankaj-patel-561360-unsplash-761x507.jpg)