L'imbrication

Sass permet d'imbriquer des blocs pour définir les règles applicables à l'intérieur d'un sélecteur.

Exemple :

nav {
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

  li {display: inline-block;}

  a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
  }
}

Résultat CSS après compilation :

nav ul {margin: 0; padding: 0; list-style: none;}
nav li {display: inline-block;}
nav a {display: block; padding: 6px 12px; text-decoration: none;}