如何编写针对未禁用按钮的选择器的较少的选择器？

Question

index.html ：

<div>
  <span>
    <button disabled>
      Button 1
    </button>
    <button>
      Button 2
    </button>
  </span>
</div>

index.less ：

:not(&[disabled]) button {
    background-color: red;
}

这给出了以下输出。这两个按钮均为红色，但我试图仅针对未禁用的按钮。

有没有办法做到这一点？我专门寻找未禁用的目标按钮。

这是jsfiddle： https://jsfiddle.net/6gqqb19e3/36/36/36/

Answer 1

我是不熟悉的，我的语法是错误的。经过一点点反复试验，我提出了这一点：

  button {
    background-color: grey;

    &:not([disabled]) {
      background-color: green;
    }
  }

它给出了此输出：

这是： https：/ /