css important qu'est-ce que c'est-Questions et réponses frontales-php.cn

css important qu'est-ce que c'est

藏色散人

Libérer： 2023-01-04 09:38:23

original

2334 Les gens l'ont consulté

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

Copier après la connexion

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; //生效
}

Copier après la connexion

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>

Copier après la connexion

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!