Sass: Selecionando o elemento pai com vários seletores aninhados
Aqui está o que eu estou tentando fazer:
.books, .dvds, .magazines {
article &.books {
/* Wanting the selector to only be ".books article" */
}
article {
/* Can apply to any of the `article` tags under .books, .dvds and .magazines */
}
}
Eu tenho alguns seletores aninhados e em vez de quebrar um novo.books article
seletor, gostaria de mantê-los aninhados, mas ainda assim apenas segmentadosarticle
elementos sob.books
.
Eu tentei isso, e funciona, mas a saída é.books.books article
, que é redundante e me faz estremecer:
.books, .dvds, .magazines {
&.books article {
/* Outputs ".books.books article, .dvds.books article, .magazines.books article"...boooo, hisssss */
}
}