Maison  >  Article  >  interface Web  >  css important qu'est-ce que c'est

css important qu'est-ce que c'est

藏色散人
藏色散人original
2020-12-31 10:00:192333parcourir

css important est une syntaxe définie par CSS1. Sa fonction est d'augmenter la priorité d'application des règles de style spécifiées et de permettre au navigateur d'exécuter cette instruction en premier. Son format de syntaxe est tel que "{ sRule !important }". , qui est généralement utilisé pour faire des hacks.

css important qu'est-ce que c'est

L'environnement d'exploitation de cet article : système Windows10, CSS3, ordinateur Thinkpad T480.

Recommandé : "tutoriel vidéo CSS"

!important en CSS est généralement utilisé pour le piratage, et est suivi de l'instruction !important css, de sorte que les navigateurs préfèrent exécuter cette instruction.

Étant donné que CSS a hérité de styles, l'ajout de !importanrt peut remplacer le style parent. Il ne peut pas être reconnu dans IE6, mais peut être utilisé dans IE7 et d'autres navigateurs pour gérer la compatibilité des navigateurs.

!important

!important est une syntaxe définie par CSS1, qui est utilisée pour augmenter la priorité d'application des règles de style spécifiées. Le format de syntaxe { sRule!important } est écrit directement à la fin de la définition, tel que :

p{color:green !important;}

Remarque : IE n'a jamais pris en charge cette syntaxe, mais d'autres navigateurs le font. Par conséquent, nous pouvons l'utiliser pour définir des styles pour les navigateurs FF et IE respectivement.

Si un style A est défini, tel que la taille de la police, et que vous n'avez pas l'intention de laisser le style A écraser cette taille de police à l'avenir, vous pouvez également utiliser !important Et si le nouveau style. est également utilisé ! important sera toujours écrasé de force

.A{
 font-size:12px !important;
}
.A{
 font-size:14px;   //不会生效
}
.A{
 font-size:14px !important; //生效
}

Notez qu'il doit s'agir d'un style avec le même nom, c'est-à-dire un style avec les deux noms de style appelé A. Cela ne fonctionnera pas s'il s'agit d'un parent. et un enfant, par exemple :

<html>
<head>
<style>
.father{
font-size:12px !important;
}
.child{
font-size:14px;
}
</style>
<body>
<div class="father">
 <div class="child">I am child </div>
</div>
</body>
</html>

Dans ce cas, la taille de police de l'enfant est de 14px et n'est pas affectée par le père.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn