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
    }
  }
}