Maison > interface Web > tutoriel CSS > le corps du texte

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

黄舟
Libérer: 2017-07-27 11:32:15
original
2500 Les gens l'ont consulté

!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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal