css valeur par défaut

css valeur par défaut - HTML/CSS - Programmation

Marsh Posté le 25-06-2021 à 20:56:11    

Bonjour,
 
  Afin de réduire et optimiser mon code, je me demande si on peut faire comme ceci :
  Mon div aurait un valeur par défaut red sur l'attribut color.

Code :
  1. .element {color:red;}


 
  Quand je veux mettre une autre couleur je veux spécifier une autre class comme ceci :

Code :
  1. .nx_color_blue {color: blue !important;}
  2.   .nx_color_yellow {color: yellow !important;}
  4. et le div :
  5.   <div class='element nx_color_blue '>....</div>


 
Comme éviter de mettre a chaque fois '!important' ?
 
Merci par avance.

Message cité 1 fois
Reply

Marsh Posté le 25-06-2021 à 20:56:11   

Reply

Marsh Posté le 25-06-2021 à 22:00:21    

snike a écrit :

Bonjour,
 
  Afin de réduire et optimiser mon code, je me demande si on peut faire comme ceci :
  Mon div aurait un valeur par défaut red sur l'attribut color.

Code :
  1. .element {color:red;}


 
  Quand je veux mettre une autre couleur je veux spécifier une autre class comme ceci :

Code :
  1. .nx_color_blue {color: blue !important;}
  2.   .nx_color_yellow {color: yellow !important;}
  4. et le div :
  5.   <div class='element nx_color_blue '>....</div>


 
Comme éviter de mettre a chaque fois '!important' ?
 
Merci par avance.


Avec simplement la cascade non ?
Comme tes classes ont la même spécificité, la dernière couleur sera pris en compte

Reply

Marsh Posté le 26-06-2021 à 12:53:45    

+1 Dans ce cas de cascade, pas besoin de !important.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed