sass - ネスト ブロック内のボディ クラスに応じて、SCSS ネスト セレクターを再定義します。

Question

次のような SCSS ルールセットがあります。

.thing {
  div {
    // rules
  }
}

.thing div追加されるクラスに応じてこの要素のスタイルを変更したい場合があるbodyため、標準の CSS では次のようにします。

.thing div {
  // rules
}

.deactivated .thing div {
  // override for when it's in body.deactivated
}

SCSS で最上位の囲みセレクターを示すためにネストから抜け出す方法はありますか?

Answer 1

いいえ。入れ子にしたい場合は、次のようにします。

.thing {
  div {
    // rules
  }
}

.deactiviated {
  .thing {
    div {
      // other rules
    }
  }
}