Les feuilles de styles CSS
DEUXIÈME PARTIE
50
Syntaxes de regroupements
Certaines règles permettent de faciliter et d’alléger considérablement la production
de code CSS. Observer ces principes simples vous fournira des feuilles de styles
aérées, bien plus compréhensibles.
Regroupement des sélecteurs
La première construction syntaxique utile permet de regrouper des sélecteurs. Au
lieu de répéter la même règle pour plusieurs éléments, on pourra factoriser leurs
sélecteurs en les séparant par des virgules. Ainsi, la séquence :
sera équivalente à la règle unique :
Cette dernière déclaration annulera la marge gauche de tous les éléments de classe
.texte, de tous les paragraphes et de tous les titres de premier et de deuxième niveau.
Regroupement des propriétés
Certaines propriétés génériques prévoient une version raccourcie, permettant l’application de plusieurs valeurs en une seule déclaration. Ainsi, la propriété font rassemble les valeurs des propriétés font-style, font-size, font-family, font-weight
et line-height. C’est ainsi que l’on pourra réduire la règle :
.texte {
margin-left: 0;
}
p {
margin-left: 0;
}
h1 {
margin-left: 0;
}
h2 {
margin-left: 0;
}
.texte, p, h1, h2 {
margin-left: 0;
}