元高専生のライフスタイル

大学編入した元高専生が何か役に立ちそうなことを綴っています.

重複するプロパティの優先順位を強制変更

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でデザイン設定するときに、記事を個別修正するのは面倒なのでこの方法が使えそうです.