Accueil    CSS    Propriété !important
 



style css !important  Style CSS !important

Index  |  Partie suivante  »


La propriété !important permet lorsqu'un même style css est appliqué plusieurs fois à un élément de donner la priorité à la valeur sur laquelle elle est spécifiée (le comportement par défaut étant que le dernier style déclaré soit celui appliqué).

Lorsque des classes de styles génériques ou des règles de sélecteurs sont appliquées sur un document html, il arrive qu'il soit nécéssaire de modifier une propriété pour certains éléments. C'est dans ce genre de cas que la propriété !important trouve son utilité.

D'autre part cette propriété n'est pas reconnue par Internet Explorer et est parfois utilisée comme hack css pour appliquer des styles différents sur IE et sur les autres navigateurs.


Propriétés pour le style !important :




Propriété Définition Valeurs CSS
!important Détermine la priorité d'application d'un style sur un élément lorsque ce style est défini plusieurs fois / CSS 2


Exemple d'utilisation du style !important :





Application d'une couleur sur le texte d'un paragraphe :



Style :
   .para-exemple1{color:blue;}
   #para-exemple1{color:red;}

<p id="para-exemple1" class="para-exemple1">
   Premier paragraphe sans utiliser la proriété !important.
</p>




Style :
   .para-exemple2{color:blue !important;}
   #para-exemple2{color:red;}

<p id="para-exemple2" class="para-exemple2">
   Second paragraphe utilisant la proriété !important.
</p>


Application d'une couleur sur le texte d'un paragraphe :



Premier paragraphe sans utiliser la proriété !important.





Second paragraphe utilisant la proriété !important.