我在標題上有兩個類：.header-container和一個主題類，例如solid-green或solid-blue。
目前標記在應用相關主題樣式方面工作正常，但我想使用 BEM，因此所有 CSS 都應包裝在header-container類別中：
.header-container { // all component styles }
.top-banner { height: 70px; } .main-banner { height: 140px; } .solid-green { .top-banner { background-color: green; } .main-banner { background-color: lightgreen; } } .solid-blue { .top-banner { background-color: blue; } .main-banner { background-color: lightblue; } }
但是，當我使用header-container類別包裝 CSS 時，主題類別不再起作用。誰能告訴我哪裡出錯了？
.header-container { .top-banner { height: 70px; } .main-banner { height: 140px; } &.solid-green { .top-banner { background-color: green; } .main-banner { background-color: lightgreen; } } &.solid-blue { .top-banner { background-color: blue; } .main-banner { background-color: lightblue; } } }