如何在 CSS 中选择具有任何“data”属性的元素？

基于通配符的属性名称 CSS 选择器

使用 CSS 选择器时，基于属性定位元素至关重要。 “data-*”属性提供了一种存储元素自定义数据的便捷方法。但是，在某些情况下，您可能需要选择具有任何“数据”属性的元素，无论其具体名称如何。

属性名称定位的当前状态

目前，CSS 不提供对属性名称通配符选择器的本机支持。提案 [data-*] 是一个有趣的想法，但尚未实现。

现有选项

虽然通配符属性名称没有直接的解决方案，但您可以可以使用以下 CSS 选择器：

[data]

此选择器针对任何具有“data”属性的元素，无论其属性如何 姓名。但是，这可能会导致意外选择具有以“数据”开头的其他属性的元素。

建议的语法

来自 [email protected] 的有前途的建议语法邮件列表是：

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

此语法允许在属性名称的前缀内进行通配符匹配，从而实现更具体的

结论

目前，没有直接的方法可以根据 CSS 中的通配符属性名称来定位元素。然而，所提出的语法为未来的发展带来了希望，将实现更通用、更高效的基于属性的选择。

以上是如何在 CSS 中选择具有任何“data”属性的元素？的详细内容。更多信息请关注PHP中文网其他相关文章！