Maison > Article > interface Web > CSS : !important utiliser le partage de code
CSS : !important utiliser le partage de code
- 黄舟original
- 2017-07-27 11:11:341984parcourir
Cet article a été testé avec les derniers IE10, Firefox et Chrome (à 22:23:22 le 27 mai 2013)
Le principe du CSS :
Nous savons que les CSS écrits à différents endroits ont des priorités différentes, la définition dans le fichier .css < l'attribut dans le style de l'élément, mais si vous utilisez !important, les choses deviendront différentes.
Tout d'abord, regardez le morceau de code suivant :
<!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>
Bien qu'il existe une définition de la classe testClass dans le style de l'élément, elle est utilisée dans la définition CSS ci-dessus ! La définition qualifiée importante a la priorité la plus élevée et elle se comporte de la même manière dans IE6-10 ou Firefox et Chrome, tous deux affichés en bleu.
Cette situation montre également que ie6 peut reconnaître !important, mais c'est un défaut de ie6. S'il est écrit dans le style suivant, IE6 ne le reconnaîtra pas :
.testClass{
color:blue !important;
color:red;
}
De cette façon, il apparaîtra en rouge lorsqu'il sera affiché sous IE6.
Bien sûr, vous pouvez également faire en sorte que ie6 le reconnaisse via les méthodes suivantes :
.testClass{
color:blue !important;
}
.testClass{
color:red;
}Vous pouvez également faire en sorte que ie6 s'affiche en bleu via la méthode ci-dessus.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!