Le CSS permet la syntaxe de regroupement en une seule et même ligne si toutes les propriétés sont identiques
Exemple:
/* Les 4 syntaxes suivantes appliquent la même règle (margin:10px) */
/* sur 5 sélecteurs différents */
.texte { margin:10px; }
p { margin:10px; }
h1 { margin:10px; }
h2 { margin:10px; }
#menu {margin:10px; }
/* Il est possible d'écrire le regroupement suivant équivalent : */
.texte, p, h1, h2, #menu { margin:10px; }
La virgule est un séparateur dans l'écriture de regroupement
L'omission de la virgule n'est pas une erreur syntaxique :
C'est une autre signification à connaitre !!!
Il existe également des regroupements sur certaines propriétés :
----- Code CSS --------
/* ************************************ */
/* Exemple de la propriété border */
/* version détaillée */
/* ************************************ */
.avecBordRougeEpais {
border-color:red;
border-style:solid;
border-width:2px;
}
/* ************************************ */
/* Exemple de la propriété border */
/* version condensée */
/* ************************************ */
.avecBordRougeEpais {
border:2px solid red;
}