Comment utiliser important en CSS

En CSS, vous pouvez écrire "!important" après le style pour augmenter la priorité d'application de la règle de style spécifiée. La syntaxe est "selector {style: value!important;}". Il n'est pas reconnu dans IE6, mais peut être utilisé dans IE7 et d'autres navigateurs pour gérer la compatibilité des navigateurs.

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

Le CSS écrit à différents endroits a des priorités différentes. La définition dans l'attribut < du fichier CSS dans le style de l'élément, mais si vous utilisez !important, cela augmentera la priorité d'application des règles de style et du format de syntaxe spécifiés. { sRule!important }, c'est-à-dire écrit à la fin de la définition

!importante syntaxe

sélecteur {style: value!important;}

!important fournit aux développeurs un moyen d'augmenter le poids des styles. Il est à noter que !important est une déclaration de l'ensemble du style, y compris les attributs et valeurs d'attribut de ce style

instance

<style type="text/css">
a{
    color:green!important;
}
#main a{
     color:blue;
 }
 </style> 
 <div id="main">
     <a>!important实例</a>
 </div>

 Pour le code ci-dessus, si l'attribut important est non ajouté, le lien hypertexte La couleur est bleue, mais après ajout important, la priorité est augmentée et la couleur d'affichage est verte. 
Remarque : 

Si !important est utilisé pour un attribut de style abrégé, alors les sous-propriétés représentées par cet attribut de style abrégé seront appliquées à !important . 
Le mot-clé !important doit être placé à la fin d'une ligne de styles et avant le point-virgule sur la ligne, sinon il n'aura aucun effet. (Cependant, l'espace avant le point-virgule ne l'affectera pas) 

Si pour des raisons particulières, vous devez déclarer deux mêmes propriétés dans un bloc de code, veuillez ajouter !important après le premier attribut, car cela donnera plus de poids au premier attribut dans tous les navigateurs sauf IE6 (il s'agit d'un hack qui n'est disponible que dans IE6, mais n'affectera pas votre CSS) 
 

Recommandé apprentissage : 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!