Que signifie CSS important ?-Questions et réponses frontales-php.cn

Que signifie CSS important ?

藏色散人

Libérer： 2023-01-05 16:07:50

original

2798 Les gens l'ont consulté

important en CSS est une syntaxe utilisée pour augmenter la priorité d'application des règles de style spécifiées. Son format de syntaxe est tel que "{sRule!important}" et les styles CSS avec une priorité élevée remplaceront ceux avec une priorité faible. style.

Que signifie CSS important ?

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

Dans les pages Web HTML, les styles CSS sont utilisés en fonction de la priorité. Les styles CSS avec une priorité élevée remplaceront les styles avec une priorité faible, et de nombreux attributs CSS sont hérités, ce qui affectera l'affichage des pages Web que nous pouvons utiliser. !important de changer cette situation.

!important est une syntaxe définie en 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.

[Apprentissage recommandé : Tutoriel vidéo CSS]

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!