Can i nest the disabled attribute using LESS?

Question

I have the following code to target buttons that are in a disable state:

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

Is it possible to use nested rules to target the disabled attribute? something similar to &:Hover

Answer 1

You can indeed, like this:

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

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

You can even do further nesting:

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