Simplification du CSS header pour une navbar sans text-decoration

Question

Si mon header n'est utilisé que pour la navbar et que je n'ai aucun intérêt à avoir du text-decoration, on peut simplifier comme ceci ?
header {
background-color: $couleurPrincipale;
color: white;
padding: 15px;
text-align: center;
margin-bottom: 15px;
ul {
margin: 0; padding: 0;
list-style: none;
li {
display: inline-block;
a {
text-decoration: none;
}
}
}
}

Louis-Nicolas Leuillet · Accepted Answer

Oui, tout à fait ! Si ton header ne contient que ta navbar et que tu n'as pas besoin du text-decoration ailleurs, tout est bon.
C'est même une bonne pratique ici car tu gardes ton code SCSS propre et tu ne déclares que ce dont tu as réellement besoin. L'imbrication reflète bien la structure de ton HTML, et chaque règle est à sa place.

Simplification du CSS header pour une navbar sans text-decoration

Codez dans vos feuilles de style grâce à SASS et SCSS