通用 CSS 选择器匹配任何和所有 HTML data-* 属性

Universal CSS selector to match any and all HTML data-* attributes

是否可以仅使用CSS匹配具有data-*属性的所有节点?

以下是我想要匹配的属性示例:

data-scope
data-sessionlink
data-visibility-tracking

我可以

*[data-scope] *[data-sessionlink] *[data-visibility-tracking]

但我正在寻找更紧凑的东西。此外,我不知道我在应用程序中可能遇到的所有可能的 data-* 属性。

目前无法通过属性名称部分对 select 元素使用通配符掩码。

最近有一个 thread in the www-style@w3.org mailing list, where Simon Pieters from Opera has proposed a nice possible syntax 在线程中得到了一些接受,所以它有可能在未来的某个时候成为标准:

x-admin-* { ... }
[data-my-*] { ... }