如何使用非空的attr创建目标元素的css选择器

Question

使用aws apigateway update-rest-api --rest-api-id <id> --patch-operations op=replace,path=/description,value='description' 定位button#1很容易，但如何使用另一个选择器定位其他两个。

button[data-state]

我正在寻找一个可以定位非空属性的选择器。 怎么办呢？

Answer 1

button[data-state]:not([data-state=""]) {
  background-color: red;
}

<button id=1 class=notify data-state> some text </button>
<button id=2 class=notify data-state="downloading"> some text </button>
<button id=3 class=notify data-state="render"> some text </button>