我可以使用LESS嵌套已禁用的属性吗？

Question

我有以下代码来定位处于禁用状态的按钮：

.btn-default[disabled] {
  background-color: lighten(@btn-default-bg, 30%)
}

是否可以使用嵌套规则来定位已禁用的属性？与＆amp ;:Hover

类似的东西

Answer 1

你确实可以这样：

.btn-default {
  &[disabled] {
    background-color: lighten(@btn-default-bg, 30%)
  }
}

http://jsbin.com/aKuLire/1/edit

您甚至可以进一步嵌套：

input {
  &[type="submit"] {
    &[disabled] {
      background: @blue;
    }
  }
}