我怎样才能在LESS中定义一个具有class =＆＃34; btn btn-primary＆＃34;

Question

我尝试了所有不同的组合，但似乎无法做到正确。有人可以通过告诉我如何在以下的起点中更少地定义这个来帮助：

.btn {


}

Answer 1

您可以使用LESS parent selector, &来引用父选择器。

.btn {
    &.btn-primary {
        color: red;
    }
}

这样做，您实际上选择的.btn元素也具有类.btn-primary。

上述LESS将编译为以下内容：

.btn.btn-primary {
  color: red;
}