SASS子规则设置基于父项在里面吗？

Question

我不是一个小问题。如果上方的DOM树中存在<header> <h3>{{ title }}</h3> </header> <div class="content"> <ng-content select="[main]"></ng-content> <div class="button-bar"> <ng-content select="[buttons]"></ng-content> </div> </div> 类.child，我们可以为global类制定样式规则吗？因此，我需要使用最大的紧凑语法来完成这项工作，而不必为单独的.some_parent类重写类。但这是行不通的：

global

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

谢谢！

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

Answer 2

您是否正在寻找 @root用户

.child {
  @at-root{
    .parent & {
      @media screen and (max-width: 1000px) {
        flex: 3;
      }
    }
  }
}