この記事は、最新の IE10、Firefox、Chrome を使用してテストされています (2013 年 5 月 27 日 22:23:22 時点)
CSS の原則:
CSS は、異なる場所に記述されると異なる優先順位を持つことがわかっています。 level、.css ファイルの定義
まず、次のコードを見てみましょう:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>测试Css中的!Important区别</title> </head> <style type="text/css">.testClass{ color:blue !important; }</style><body> <p class="testClass" style="color:red;"> 测试Css中的Important </p></body></html>
要素のスタイルにtestClassクラスの定義がありますが、上記のCSS定義で!重要で修飾された定義が最も優先されます。 ie6-10でもFirefoxでもChromeでもパフォーマンスは安定しており、どちらも青色で表示されます。
この状況は、ie6 が ! important を認識できることも示していますが、これは ie6 の欠陥です。
.testClass{ color:blue !important; color:red; }
このように、IE6で表示すると赤字で表示されます。
もちろん、以下の方法でie6に認識させることもできます:
.testClass{ color:blue !important; } .testClass{ color:red; }
上記の方法でie6の表示を青色にすることもできます。
以上がCSS: !コード共有を使用することが重要ですの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。