!importantの使い方

837 ワード

a{color:teal!important}と書くと、IE 6や他の高バージョンブラウザで知られています.(IE 6は知らない!importantですが、まだ認識できます!important以前のcolor:tealという属性のものは、a{color:red;color:teal!important}と書くと、すべてのブラウザで文字の色をtealという色に設定しています.ただし、先ほどのCSSスタイルをa{color:teal!important;color:red}に変更すると、、火狐とIE 6+のブラウザではcolor:tealを基準にしています.彼らは知っているからです.importantは、最適化レベルが高いので、color:tealを採用します.IE 6は、特にそれが知らないからです!importantですが、color:tealという属性が認識できるので、color:tealもcolor:redも採用されますが、後に定義された色は前に定義された色、つまりcolor:redがcolor:tealをカバーするので、IE 6で私が見たのはredという色です.

  
  
<div style=" min-height:100px !important; height:auto!important; height:100px; width:300px; ">