設置樣式，如果元素有一個公共類和另一個

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"]