CSSの優先度についてのTips

ここ2週間程もやもやしていたものが、解決したのでそのメモ。

ブログを眺めていて、デザインをちょっとだけ変えたいなんてことはよくあることだと思う。
そう思う度に、ネットから検索してきたCSSはコピペして難を乗り切ってきたのだが、ここ最近何故か変更されないといった事象が続いていた。（ブラウザにもよる？）

きっと、このブログで使用してるテーマのせいなんじゃ？と思って諦めていたのだが、たまたま検索しているうちに原因が分かった。

と、カッコよくいってみても細かいことは全く分からないのだが、CSSの優先度は下記のようになっているらしい。

で、今までコピペしていたのが2で、使用してるテーマは3のためコピペで足りていたのだが、今回設定したいCSSには!important宣言がされているらしく、そのためコピペしたCSSが無視されていたようなのだ。

そのため、こちら側も対important用に「!important」を宣言した所、力の均衡が保たれ、変更が反映されたのであった。

ではでは、このへんで