通用CSS选择器匹配任何和所有HTML数据 – *属性

参见英文答案 > CSS selector for attribute names based on a wildcard                                    3个
是否可以仅使用CSS匹配具有data- *属性的所有节点?

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

data-scope
data-sessionlink
data-visibility-tracking

我可以

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

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

最佳答案
目前不可能使用通配符掩码来通过属性名称部分选择元素.

在www-style@w3.org邮件列表中最近有一个thread,其中来自Opera的Simon Pieters提出了一个很好的可能syntax在线程中得到了一些认可,因此它有可能成为标准的一部分.未来:

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

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效