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

通用CSS选择器,用于匹配任何和所有HTML数据-*属性,css,css-selectors,custom-data-attribute,Css,Css Selectors,Custom Data Attribute,是否可以仅使用CSS匹配具有数据-*属性的所有节点 以下是我希望匹配的属性示例: data-scope data-sessionlink data-visibility-tracking 我可以 *[data-scope] *[data-sessionlink] *[data-visibility-tracking] 但我正在寻找更紧凑的东西。此外,我不知道在我的应用程序中可能遇到的所有可能的数据-*属性。目前不可能使用通配符掩码通过属性名称部分选择元素 最近在www上有一个-style@w

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

以下是我希望匹配的属性示例:

data-scope
data-sessionlink
data-visibility-tracking
我可以

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

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

目前不可能使用通配符掩码通过属性名称部分选择元素

最近在www上有一个-style@w3.orgOpera的Simon Pieters在邮件列表中提出了一个很好的可能性,这在线程中得到了一些认可,因此有可能在将来成为标准:

x-admin-*{…}
[数据我的-*]{…}

这些是属性还是属性值(例如Class=“data scope”)这些是attributes.Dang。有一个通配符搜索以字符串开头的属性值,但据我所知,不是属性。是的,我熟悉通配符属性值选择器,我不太希望我想做的是可能的,但是,除非你问别人,否则你永远不会知道。我不确定如果不使用Javascript,这是可能的。谢谢,玛拉!我希望有一天我们能够在属性名上进行通配符选择。但这不是最好的主意-不允许您进行[data my-*='exact match'],因为*=与现有属性冲突operator@gotofritz说得好。但这可能可以通过将属性名称本身括在引号中来解决:
[“数据我的-*”=“精确匹配”]