多個CSS類與更少

Question

我是相當新的少，並一直試圖讓一個jQuery插件與我通過Less生成的自定義CSS一起工作。基本上，我已經是一個插件生成以下HTML：

<div class="classA class B" ....> 
     <div class="classC classD" ....> 
      <div class="classE classF" ....> 
      .......... 

我不知道如何構建我不太文件，以便產生上述匹配CSS。

我曾嘗試：

 .classA { 
     ...... 
     &.classB { 
      ..... 
       &.classC { 

       ....and so on 

，但它會生成以下CSS：

.classA {...} 
.classA.classB {....} /*This does not include the CSS of classA */ 
.classA.classB.classC {.....} /*This does not include CSS of classA or classB*/ 
... 

的純CSS是相當容易寫：

.classA {.....} 
.classB {.....} 

，當我寫 如何使用Less實現上述目標？有沒有簡單的方法來實現這一點，而不使用函數或擴展？

Answer 1

在更短的嵌套元素有您要添加的&時描述的結果：你指定唯一與父和子類（.classA.classB在CSS）相匹配的選擇，

做你「再要求

.classA {.....} 
    .classB {.....} 

，你根本不應該nest_

Answer 2

如果你的目標是繼承風格一類由另外一個，你可以使用mixins：

.foo() { 
    background: #ccc; 
} 

.bar { 
    .foo; 
    color: #000; 
} 

輸出CSS：

.bar { 
    background: #ccc; 
    color: #000; 
}