如何在CSS输出中实现'.class1.class2'，两者之间没有空格

Question

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

'仅选择那些至少那两个类'的元素;

如何在LESS中声明？

我得到的是：

类 featureCheckbox 在下面声明...

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

我希望在获取与类width: 300px相关联的其他非宽度规则时，对于仅包含width: 150px“的元素，使用”class="featureCheckbox class2“覆盖”featureCheckbox“

Answer 1

使用&引用当前选择器。

.featureCheckbox {
    // styles

    &.class2 {
        // overrides
    }
}

这将编译为：

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

Answer 2

你可以使用＆amp;这个字符如下：

.featureCheckbox{
    &.class2 {}
}

Answer 3

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

只需写下

.featureCheckbox.class2 {
...

像在CSS中一样。