Как активировать вложенный класс на основе родительского класса? - PullRequest
Новая
       22

Как активировать вложенный класс на основе родительского класса?

0 голосов
/ 31 октября 2019

У меня есть 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>

1 Ответ

0 голосов
/ 31 октября 2019

Попробуйте использовать вместо этого 

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

обратите внимание на селектор +

...