Sass: выбор родительского элемента с несколькими вложенными селекторами
Вот что я в конечном итоге пытаюсь сделать:
.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 */
}
}
У меня есть несколько вложенных селекторов, и вместо того, чтобы создавать новые.books article
селектор, я бы хотел, чтобы они оставались вложенными, но при этом оставались только целевымиarticle
элементы под.books
.
Я попробовал это, и это работает, но вывод.books.books article
, что является излишним и заставляет меня съежиться:
.books, .dvds, .magazines {
&.books article {
/* Outputs ".books.books article, .dvds.books article, .magazines.books article"...boooo, hisssss */
}
}