CSSでの!importantを初めて使いました。

<table class=”aaa”>
<tr><td>
(後省略)

としていていてCSSで

table.aaa td{border:solid 1px #006888;}

のようにtdに全てborderをつけていたのですが、どうしてもborderをつけたくないtdがありました。

<table class=”aaa“>
<tr><td class=”noborder“>
(後省略)

としてCSSで

td.noborder{border:none;}

とするだけではborderは消えてくれませんでした。
順序とか変えたらもしかしたら変わるのかも?と思ったが、

記憶の片隅にあった「!important」を使ってみました。

td.noborder{border:none !important;}

ばっちりborderが消えました!なかなか使えるねぇ「!important」

ランキング参加中!
応援の1クリックをお願いします!

にほんブログ村 デザインブログ Webデザインへ にほんブログ村 IT技術ブログ WordPressへ 人気ブログランキングへ

コメント

コメントをお寄せください

コメントの投稿

トラックバックURL: http://designfromzero.com/htmlcss/258.html/trackback