Partage

Organisation HTML/Sass

12 août 2017 à 21:54:43

Bonjour, j'hésite entre deux façons d'organiser un code HTML en utilisant Sass. Par exemple pour afficher un message d'information de type "succès" vaut-il mieux la méthode 1 :

<div class="message-succes">Bla bla bla</div>
.message {
  border: 1px solid black;
  border-radius: 5px;
}

.message-succes {
  @extend .message;
  color: green;
}

Ou la méthode 2 :

<div class="message succes">Bla bla bla</div>
.message {
  border: 1px solid black;
  border-radius: 5px;
}

.succes {
  color: green;
}

En gros est-ce qu'il vaut mieux mettre dans le code HTML une seule classe spécifique ou alors la classe de "base" et la classe spécifique ?



Vous êtes demandeur·se d'emploi ?
Sans diplôme post-bac ?

Devenez Développeur·se web junior

Je postule
Formation
courte
Financée
à 100%
13 août 2017 à 11:47:58

En général tu crée une classe de base et une secondaire du genre : "message" "message-success" "message-warning" et tu utilise les deux en fonction.

Un type de message:

<div class="message message-sucess"></div>

Un autre :

<div class="message message-warning"></div>

Du coup ici "message" prendras les styles généraux, "message-success"/"message-warning" les styles particulier. 

Tu peux te référer à ça pour organiser ton code css (less, sass) c'est vraiment pas mal : 

-
Edité par HadockB 13 août 2017 à 11:57:14

Organisation HTML/Sass

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
  • Editeur
  • Markdown