这是我最终要做的事情: .books,.dvds,.magazines { article &.books { /* Wanting the selector to only be
... . . 这是我最终要做的事情:
.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文章选择器,我想保持嵌套,但仍然只针对.books下的文章元素.
我确实尝试了这个,但它的确有效,但是输出的是.books.books文章,这篇文章是多余的,让我感到畏缩:
.books,.magazines { &.books article { /* Outputs ".books.books article,.dvds.books article,.magazines.books article"...boooo,hisssss */ }}.
解决方法
. 更像是什么:
article { .books &,.dvds &,.magazines & { /* book,dvd,magazine shared stuff */ } .books & { /* book stuff */ }}
编译为:
.books article,.dvds article,.magazines article { /* book,magazine shared stuff */}.books article { /* book stuff */}. . .. ...