Du musst dann schon verschachteln - dann geht das auch. Mit den Entwicklertools von Chrome kann man das doch gut nachschauen.
Den DIVs von innen nach aussen folgen. Es bringt Dir jetzt nicht, wenn ich Dir meine less gebe, weil ich noch einen DIV um den ganzen Header und Menü gepackt habe.
Grob extrahiert - probier mal das in der header.less
@media screen and (min-width: @tabletViewportWidth) { // View für Tablets und Desktops
.header-main {
background-color: transparent;
.top-bar {
.container {
background-color: transparent;
}
}
.header--navigation {
background-color: transparent;
}
}
}