将此CSS翻译为LESS的正确方法？

Question

我有以下CSS：

.map{
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 50%;
}

.map.zoom {
    top: -106px;
    overflow: visible;
}

现在我想将它添加到LESS样式表中，但我不确定这样做的正确方法是什么，即如何处理第二种样式适用于具有两个类的元素的事实（{{1} }和map）。

显然我可以单独添加它们，但我觉得应该有一种方法可以将第二个嵌套在第一个内部，或者连接它们，因为它们共享zoom类。

Answer 1

要在LESS中翻译，您可以执行以下操作。

.map{
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 50%;
  &.zoom{
    top: -106px;
    overflow: visible;
  }
}

'＆amp;' - 对父元素的引用，因此您将获取父选择器并将.zoom类附加到它。

这基于example on the LESS documentation。