javascript - SASS child rule setting inside based on parent 下？

Question

我不是一个微不足道的问题。如果 global 类 .some_parent 出现在上面的 DOM 树中，我们可以为 .child 类制定样式规则吗？因此，我需要通过最紧凑的语法来完成这项工作，而无需为单独的 global 类重写类。但这是行不通的:

 // sass

 .child {
  :global(.some_parent_class_for_this_child) { // if we it present in DOM tree above then  @media is firing for .child class

    @media screen and (max-width: 1000px) {
      flex: 3;
    }
  }
 }

我知道这是一种非法语法，但也许您有尽可能接近的工作示例？

谢谢!

Answer 1

尝试使用下一种方法:

.child {
  // some rules

  @media screen and (min-width: 1000px) {
    .some_parent_class_for_this_child & {
     // some rules for child once tn have .parent class above themself
    }
  }
}