设置样式，如果元素有一个公共类和另一个

Question

有没有一种方法可以使用SASS/CSS为具有公共类和另一个元素的元素设置样式。例如，我想边界出现项目，是指要素：

<div class="plate eggs"></div> 
<div class="plate bacon"></div> 

但不是：

<div class="plate"></div> 

我此刻的代码，但我敢肯定有办法结合起来两条规则？

.plate { 

    border: none; 

    &.eggs { 

    border: 1px solid red; 
    } 

    &.bacon { 
    border: 1px solid red; 
    } 
} 

Answer 1

SCSS：

.plate { 
    border: none; 
    &.eggs,&.bacon { 
    border: 1px solid red; 
    } 
} 

SASS：

.plate 
    border: none 
    &.eggs,&.bacon 
    border: 1px solid red 

您可以验证你的样式sassmeister。

Answer 2

为什么不添加另一个类？但如果情况并非如此，我会使用:not([class])。 Ormaybe甚至进一步，你可以考虑使用div[class^="eggs"]