多个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; 
}