SCSSをつかうとセレクタをネストで書けるようになります。 その際、& ををつかうと1つ親のセレクタを参照できます。 SCSS .box { &.red { background: #dc5252; } } ↓ CSS .box.red { background: #dc5252; } SCSS .box { .blue & { background: #65b9c3; } …