CSS: !コード共有を使用することが重要です-CSSチュートリアル-php.cn

CSS: !コード共有を使用することが重要です

黄舟

リリース： 2017-07-27 11:11:34

オリジナル

1993 人が閲覧しました

この記事は、最新の 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 サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

CSS: !コード共有を使用することが重要です