css - LESS - 如何在 less 中引用 bootstrap css 类？

Question

我想在少一个类中引用多个 css 类，但我不断收到以下错误，知道我在这里做错了什么吗？我是 LESS 的新手，所以如果有更好的选择来实现这一点，我也很乐意尝试一下。

NameError: .btn is undefined
in qx.less on line 2, column 2:

这是我的设置

<link rel='stylesheet'         href='/webjars/bootstrap/3.1.1/css/bootstrap.min.css'>
<link rel="stylesheet/less"    href='/assets/less/qx.less'>
<script type='text/javascript' src='/webjars/less/1.7.0/less.min.js'></script>

qx.less 的内容 - 我在这里尝试创建 qx-button，它结合了 Bootstrap 的 .btn 和 .btn-success。

#qx-button {
    .btn;
    .btn-success;
}

Answer 1

您没有放置属性...或者您应该删除选择器 .btn && .btn-success

#qx-button{

.btn{
   background-color: #22f;
}
.btn-success{
  border: 3px solid #23e;
}

}