LESS - 样式类不同地依赖于父元素

Question

我有一些类似于以下的LESS样式。在LESS中是否有一种技术可以更好地处理我想要实现的内容而无需在每个父元素下复制类名？

span {

    .zero {
        color: #fff;
    }
}

div {

    .zero {
        color: #389c40;
    }
}

Answer 1

尝试使用css变量：

:root{
    --zColor: #fff;
}
.zero{
    color: var(--zColor);
}
div{
    --zColor: #389c40;
}

Answer 2

嗯，你总是可以做到

.zero {
  span & { color: #fff; }
  div & { color: #389c40; }
}