html - 我可以使用 LESS 嵌套禁用属性吗？

Question

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

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

是否可以使用嵌套规则来定位禁用属性？类似于 &: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;
    }
  }
}