根据嵌套块内部的主体类重新定义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
    }
  }
}