Less 如何在CSS输出中实现“.class1.class2”，中间没有空格

在CSS中，类之间没有空格的“.class1.class2”表示：

'仅选择至少具有这两个类的元素'

我怎样才能用更少的时间来申报呢

我的意思是：

下面声明了类功能复选框

.featureCheckbox 
{
  float: left;
  margin-bottom: 6px;
  height: 30px;
  width: 300px;
  font-size: 16px;
}

---

我希望用“宽度：150px”覆盖仅具有class=featureCheckbox class2的元素的“宽度：300px”，同时选择与class featureCheckbox关联的其他非宽度规则。

Less向后兼容CSS，基本CSS选择器在Less中工作相同

只要写

.featureCheckbox.class2 {
...

就像在CSS中一样。

使用&引用当前选择器

.featureCheckbox {
    // styles

    &.class2 {
        // overrides
    }
}

这将编译为：

.featureCheckbox {
    /* styles */
}
.featureCheckbox.class2 {
    /* overrides */
}

---

您可以按如下方式使用字符（&C）：

.featureCheckbox{
    &.class2 {}
}