使用 LESS 将样式应用于子元素

这有效：

.layoutList {
    background-color: #CFCFCF;
}
.layoutList > .entityCard.hover {
    background-color: #FFFFFF;
    border: 1px solid yellow;
}

为什么这与上面的代码不一样？在 LESS 中“级联”此内容以便所有内容都位于 main .layoutList {} 部分下的适当方法是什么？

.layoutList {
    background-color: #CFCFCF;
    .entityCard.hover {
        background-color: #FFFFFF;
        border: 1px solid yellow;
    }
}

你所拥有的 LESS 应该有效。它编译为以下 CSS：

.layoutList {
  background-color: #CFCFCF;
}
.layoutList .entityCard.hover {
  background-color: #FFFFFF;
  border: 1px solid yellow;
}

唯一缺少的是如果你想要子组合器