在材质树的根节点上添加背景色

Question

我想为悬停时的所有节点添加背景色：

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

它仅适用于叶子，尽管“水果”节点具有“ mat-tree-node”类

source

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

OR

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