Ligne avec déclaration unique

Dans les cas où une règle ne contient qu'une seule déclaration, vous pouvez supprimer le saut de ligne pour faciliter la lecture et l'édition.

Tout ensemble de règles avec plusieurs déclarations doit être découpé en plusieurs lignes.

L'élément important ici est la détection des erreurs — e.g., un validateur CSS qui vous indique que vous avez une erreur à la ligne 183.

Avec une seule déclaration, vous ne pouvez pas vous tromper. Avec plusieurs déclarations, il est indispensable de séparer les lignes si vous tenez à votre santé mentale.

/* uniques : sur une seule ligne */
.span1 { width: 60px; }
.span2 { width: 140px; }
.span3 { width: 220px; }

/* multiples : une par ligne */
.sprite {
  display: inline-block;
  width: 16px;
  height: 15px;
  background-image: url(../img/sprite.png);
}
.icon           { background-position: 0 0; }
.icon-home      { background-position: 0 -20px; }
.icon-account   { background-position: 0 -40px; }