如何激活基于父类的嵌套类？

Question

我有2个班级，一个是.bot类，第二个是.tools类。在单击过滤器按钮类时，我试图激活（显示）具有下拉按钮的工具类。由于某种原因，这对我不起作用。

这是我的scss代码

.bot {
    &:active {
      .tools {
        display: block;
      }
    }
  }

这是我的html代码

<button class="bot" (click)="toggleFilters()">Filter <fa-icon [icon]="filter">
      </fa-icon>
    </button>
    <div class="demos">
      <div class="tools"
        *ngIf="Data.length > 1">

      </div>

Answer 1

尝试改用此

.filter-button {
  &:active {
    + .demos {
      .tools {
        display: block;
      }
    }
  }
}

注意+选择器