SASS – Leçon 1 : l’imbrication des règles

L’imbrication des règles est la principale caractéristique de SASS. Grâce à elle, l’écriture de votre code CSS est beaucoup plus rapide, simple et compréhensible selon le principe DRY (Don’t Repeat Yourself).

Imbrication de règle, exemple avec la couleur d’un lien et ses états hover et focus :

CSS compilé :

L’imbrication vous aidera à avoir un code propre, logique et bien organisé, qui devrait être plus facile à entretenir au cours du temps.

Bien-sûr, il est possible d’utiliser l’imbrication dans n’importe quel cas. Exemple avec les media queries :

CSS compilé :