Comment s'inscrire !Important en utilisant CSS

Il y a une règle utilisée avec CSS pour ajouter de l'importance à une propriété CSS particulière et elle est appelée «!important" règle. Quand un «!important"La règle existe dans le code dans l'élément de style CSS, il domine toutes les autres propriétés en priorisant la compilation de cette propriété et remplace l'effet de toutes les autres propriétés de cet élément.

Le "!important«La règle dans CSS prend la plus haute préséance parmi toutes les propriétés déclarées, toutes les autres propriétés s'exécutent après cela. Cependant, le "!important«La règle peut ne pas fonctionner correctement parfois lorsqu'elle est utilisée à plusieurs endroits dans le même élément.

Application !règle importante

Écrivons un exemple de code pour comprendre l'impact de la règle importante dans le style d'un document HTML:

C'est la première phrase

C'est la deuxième phrase

C'est la troisième phrase

Application !Règle importante pour une propriété

• Ajouter le "!important"Règle dans l'une des propriétés en écrivant simplement"important"Avec une marque d'exclamation sur le côté droit de la propriété.
• Il ne devrait pas y avoir de point-virgule entre la propriété et le «!important"Règle parce qu'un point-virgule termine toujours une déclaration. Ainsi, le point-virgule devrait être placé après avoir écrit "!important".

Un exemple simple pour ajouter la règle importante à une propriété CSS est:

.myClass fond de fond: bleu;
#Myid fond-couleur: vert;
p fond de fond: orange !important;

Dans l'extrait de code ci-dessus, il y a «!important"Écrit avec une propriété définissant la couleur d'arrière-plan"orange". Cette propriété remplacera les propriétés définissant les couleurs d'arrière-plan comme vert et bleu et définira la couleur de l'arrière-plan de toutes les phrases de la sortie sous forme d'orange.

Cela générera l'interface de sortie suivante:

Sans le !règle importante
Maintenant, si nous supprimons la règle importante, le résultat sera complètement différent car toutes les propriétés fonctionneront sans se remplacer:

.myClass fond de fond: bleu;
#Myid fond-couleur: vert;
p fond de fond: orange;

Il définira les couleurs d'arrière-plan comme bleu, vert et orange avec la séquence comme celle spécifiée via l'extrait de code HTML. Le résultat généré à travers cela sera les suivants:

Cela résume la méthode pour appliquer la règle importante à l'aide de CSS.

Conclusion

Le CSS "!important"La règle ajoute plus d'importance à une propriété car elle priorise la propriété et remplace toutes les autres propriétés spécifiées pour un élément. Le "!important"La règle est appliquée à une propriété CSS en tapant simplement"important" avec un "!»(Marque d'exclamation) après la propriété CSS avant le point-virgule. Cet article explique bien comment appliquer le !Règle importante en utilisant CSS.