Sass: Wybór elementu nadrzędnego z wieloma zagnieżdżonymi selektorami
Oto, co staram się zrobić:
.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 */
}
}
Mam kilka zagnieżdżonych selektorów i zamiast wyrywać nowe.books article
selektor, chciałbym, żeby były zagnieżdżone, ale wciąż tylko celemarticle
elementy pod.books
.
Próbowałem tego i działa, ale wyjście jest.books.books article
, który jest zbędny i sprawia, że się kręcę:
.books, .dvds, .magazines {
&.books article {
/* Outputs ".books.books article, .dvds.books article, .magazines.books article"...boooo, hisssss */
}
}