Heim > Artikel > Web-Frontend > CSS: !important Code-Sharing verwenden

CSS: !important Code-Sharing verwenden

黄舟Original: 2017-07-27 11:11:342035Durchsuche

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>

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;
}

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;  
}

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!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Spezifische Analyse der CSS-Interpretation zur Front-End-LeistungsoptimierungNächster Artikel：Spezifische Analyse der CSS-Interpretation zur Front-End-Leistungsoptimierung

In Verbindung stehende Artikel

Mehr sehen