如何在 LESS 中定义具有类的元素 class= "btn btn-primary"

Question

我尝试过所有不同的组合，但似乎都做不好。有人能告诉我如何在给定以下起点的情况下定义这一点吗：

.btn {

}

Answer 1

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

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

在执行此操作时，您实际上是在选择同样具有类.btn-primary的.btn元素。

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

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