薩斯：選擇具有多個嵌套選擇的父元素

Question

這裏就是我最終想要做：

.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，我喜歡將它們嵌套在一起，但仍然只能在.books下面指定article元素。

我也試試這個，和它的作品，但產量.books.books article，這是多餘的，令我生厭：

.books, .dvds, .magazines { 
    &.books article { 
     /* Outputs ".books.books article, .dvds.books article, .magazines.books article"...boooo, hisssss */ 
    } 
} 

Answer 1

什麼更多的東西一樣：

article { 

    .books &, 
    .dvds &, 
    .magazines & { 
    /* book, dvd, magazine shared stuff */ 
    } 

    .books & { 
    /* book stuff */ 
    } 

} 

編譯爲：

.books article, .dvds article, .magazines article { 
    /* book, dvd, magazine shared stuff */ 
} 
.books article { 
    /* book stuff */ 
}