CSS での ! important の用途は何ですか? CSSにおける!重要な役割

この記事の内容は、CSS における ! important の用途についてです。 CSS における ! important の役割には一定の参考値がありますので、困っている方は参考にしていただければ幸いです。

CSS における ! important の役割

IE6.0、IE7.0、FireFox 用のハックを書くために {*rule ! important} を追加します

*IE シリーズのブラウザで認識できます。 Firefox ブラウザーはそれを認識できません

! important は IE7.0 と Firefox でのみ認識されますが、IE6.0 は正常に適用できません

違い

(1) IE と Firefox を区別するためのハックは次のとおりです: border:2px Solid #f00;*border:1px Solid # f00;

(2) Ie6.0 と Ie7.0 および Firefox を区別するハックは次のとおりです: border:1px Solid #f00! important; border:2px Solid #f00;

分析

(1) * が後ろに配置されている理由は、Firefox が * を認識しないため、境界線を 1 回しか設定しないためです。IE シリーズでは境界線を 2 回設定すると、後の属性が前の属性を上書きするため、1 ピクセルになります。国境。

(2)で、最初の境界線の設定に!重要を入れているのは、この境界線の優先度を高めるためで、一度、あるいはN回後に境界線を設定しても効果がありません。ただし、Ie6.0 はこのルールを受け入れないため、2 番目の境界設定が適用されます。つまり、2 回目は最初の原則を上書きします。したがって、その境界は 2 ピクセルの赤になります。 Frame.

Example

CSS

 #Box {
      color:red !important;
      color:blue;
 }

HTML

 <p id="Box"> 在不同的浏览器下，这行字的色应该不同！</p>

この例はIE環境でよく見る重要な使い方です、この行のテキストは青色になっています。 、Firefox では赤色になります

関連する推奨事項:

CSS で ! important ステートメントを使用して優先順位を強制する方法の詳細な紹介

CSS および IE6 での ! important の使用法 Performance_html /css_WEB-ITnose

以上がCSS での ! important の用途は何ですか? CSSにおける!重要な役割の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。