After suggested Sass nesting, perhaps demonstrate the result. For example:
If you were to Sass this up you’d write it as:
.header{}
.site-nav{
li{}
a{}
}
This would output the following vanilla css, with correct selector specificity:
.header{}
.site-nav li{}
.site-nav a{}