Maison  >  Article  >  interface Web  >  Une introduction détaillée sur la façon d'utiliser l'instruction !important pour forcer la priorité en CSS

Une introduction détaillée sur la façon d'utiliser l'instruction !important pour forcer la priorité en CSS

黄舟
黄舟original
2017-07-27 11:32:152478parcourir

!L'instruction importante force la priorité

Il existe également l'instruction la plus invincible dans la priorité CSS, qui est !important.

Dans les feuilles de style CSS, les styles avec la déclaration !important sont utilisés en premier, et leur priorité remplacera les déclarations de style n'importe où et de n'importe quelle manière, y compris les styles déclarés dans l'attribut de style en ligne.

Par exemple, le code suivant :

<style type="text/css"> 
p{ color:red !important; }  
</style> 
<p style="color: blue; ">这是一行文字</p>

Cette ligne de texte ici est toujours affichée en rouge dans le navigateur.

Ainsi, la priorité de la correspondance du style CSS suit l'ordre suivant :

(1) La déclaration !important a priorité sur tout le reste.

(2) Les styles en ligne viennent en deuxième position.

(3) Les déclarations dans la feuille de style sont triées selon le poids du sélecteur.

(4) Enfin, faites correspondre les styles selon l'ordre dans lequel le navigateur exécute la feuille de style, en suivant le principe du "dernier arrivé, premier".

Bien entendu, un dernier point doit être souligné : si aucun style n'est défini, le style du nœud parent sera automatiquement hérité.

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