このCSSをLESSに変換する正しい方法は？

Question

私は、次のCSSを持っている：

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

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

は今、私はLESSスタイルシートにこれを追加したいが、私はこれを行うための適切な方法が何であるかわからない、すなわち第二のスタイルという事実をどのように扱いますか両方のクラス（mapとzoom）を持つ要素用です。

明らかに私はそれらを別々に追加することができましたが、最初に第2のネストを入れたり、それ以外の場合はmapクラスを共有しているため、ネストする方法があるはずです。

Answer 1

これを翻訳するには、以下を実行します。

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

親要素に「&」 - 記号の参照、あなたは親セレ​​クタを取得し、それに.zoomクラスを追加します。

これはexample on the LESS documentationに基づいています。