Saya mempunyai dua kelas pada tajuk:.header-container和一个主题类，例如solid-green或solid-blue.
Penanda semasa berfungsi dengan baik dalam menggunakan gaya tema yang berkaitan, tetapi saya mahu menggunakan BEM, jadi semua CSS harus dibungkus dalam kelasheader-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; } }
Namun, apabila saya membungkus CSS dengan kelasheader-container, kelas tema tidak lagi berfungsi. Bolehkah sesiapa memberitahu saya di mana silap saya?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
.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; } } }