ヘッダーには 2 つのクラスがあります:.header-containerとsolid-greenまたはsolid-blueのようなテーマ クラスです。
現在のマークアップは、関連するテーマ スタイルを適用する際に問題なく機能しますが、BEM を使用したいので、すべての CSS をheader-containerクラスでラップする必要があります:
リーリー リーリー
ただし、CSS をheader-containerクラスでラップすると、テーマ クラスが機能しなくなります。どこが間違っているのか誰か教えてもらえますか？
![[Web フロントエンド] 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; } } }