/ Code Css important | Résultat du code Css important | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code de la propriété CSS important.

<style type="text/css">
.normal{
  width:150px; 
  border: 1px solid red; 
}
.normal{
  width:150px; 
  border: 1px solid green ; 
}
.normalc{
  width:150px; 
  border: 1px solid green ; 
}
.normalc{
  width:150px; 
  border: 1px solid red; 
}
.normala{
  width:150px; 
  border: 1px solid green ; 
}
.normala{
  width:150px; 
  border: 1px solid red; 
}
</style>
.normal{border: 1px solid red; }<br>
.normal{border: 1px solid green !important; }
<div class="normal"> !important</div>

.normal{border: 1px solid green; }<br>
.normal{border: 1px solid red; }
<div class="normalc"> pas important</div>

.normala{border: 1px solid green !important; }<br>
.normala{border: 1px solid red; }
<div class="normala"> !important</div>

Interprétation du code de la propriété important CSS par votre navigateur.

.normal{border: 1px solid red;}
.normal{border: 1px solid green !important;}
!important
.normal{border: 1px solid green;}
.normal{border: 1px solid red;}
pas important
.normala{border: 1px solid green !important;}
.normala{border: 1px solid red;}
!important

Interprétation normale du code de la propriété CSS important (copie d'écran).

copie d'écran de l'affichage de la propriété CSS important