Добавить цвет фона на корневой узел в дереве материалов

Question

Я хочу добавить цвет фона для всех узлов при наведении:

.mat-tree-node {
  :hover {
    background-color: rgba(255, 220, 0, 0.1) !important;
  }
} 

Работает только для листьев, хотя у узла 'fruit' есть класс "mat-tree-node"

источник

Answer 1

У вас ошибка опечатки. добавить этот код в ваш стиль при наведении

.mat-tree-node:hover {
      background-color: rgba(255, 220, 0, 0.1) !important;
  }

Answer 2

Стиль наведения должен применяться к .mat-tree-node, поэтому у вас есть 2 решения:

.mat-tree-node {
  &:hover {
      background-color: rgba(255, 220, 0, 0.1) !important;
  }
}

ИЛИ

.mat-tree-node:hover {
  background-color: rgba(255, 220, 0, 0.1) !important;
}