CSS: !important Code-Sharing verwenden-CSS-Tutorial-php.cn

CSS: !important Code-Sharing verwenden

黄舟

Freigeben： 2017-07-27 11:11:34

Original

1994 Leute haben es durchsucht

Dieser Artikel wurde mit dem neuesten IE10, Firefox und Chrome getestet (Stand 27. Mai 2013, 22:23:22)

Das Prinzip von CSS:

Wir wissen, dass an verschiedenen Stellen geschriebenes CSS unterschiedliche Prioritäten hat, die Definition in der CSS-Datei < das Attribut im Elementstil, aber wenn Sie !important verwenden, werden die Dinge anders.

Schauen Sie sich zunächst den folgenden Code an:

<!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>

Nach dem Login kopieren

Obwohl es eine Definition der testClass-Klasse im Stil des Elements gibt, wird sie verwendet In der obigen CSS-Definition hat die als wichtig qualifizierte Definition die höchste Priorität und verhält sich in IE6-10 oder Firefox und Chrome gleich, beide werden blau angezeigt.

Diese Situation zeigt auch, dass ie6 !important erkennen kann, aber das ist ein Fehler von ie6. Wenn es im folgenden Stil geschrieben ist, erkennt IE6 es nicht:

.testClass{ 
color:blue !important;
color:red;
}

Nach dem Login kopieren

Auf diese Weise wird es bei der Anzeige unter IE6 rot angezeigt.

Natürlich können Sie ie6 auch mit den folgenden Methoden erkennen lassen:

.testClass{ 
  
color:blue !important;  
}  
.testClass{ 

  
color:red;  
}

Nach dem Login kopieren

Sie können ie6 auch mit der oben genannten Methode blau anzeigen lassen.

Das obige ist der detaillierte Inhalt vonCSS: !important Code-Sharing verwenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!