重複するプロパティの優先順位を強制変更
css備忘録
ブログを書くときにWindows Writerで書くことが多いんですが、
自分で全部のソースを書いているつもりでも勝手に修正がかかっていたりします.
たとえばimgタグに
style="display:inline;"
が挿入されてるとかね.
これに気付かずにCSS側でdisplay:blockしようとしても適用されないわけです.
さてそんなときは
!important
を使います.
CSS側で
display:block !important;
と記述してあげるとこちらが優先されて、ちゃんとblockが適用されます.
つまり
HTML側
<img src="###" style="display:block;">
CSS側
img{
display:block !important;
}
でCSS側の記述が優先されるということですね.
初期段階からきちんとソースコードを書いていればよいですが、膨大な記事をCSSでデザイン設定するときに、記事を個別修正するのは面倒なのでこの方法が使えそうです.