首页 > web前端 > css教程 > CSS 选择器可以使用通配符属性名称来定位元素吗?

CSS 选择器可以使用通配符属性名称来定位元素吗?

Linda Hamilton
发布: 2024-11-28 00:37:11
原创
308 人浏览过

Can CSS Selectors Target Elements with Wildcard Attribute Names?

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

基于 CSS 中的“data-*”属性选择元素可以通过各种方式实现方法。然而,关于定位具有任何“数据”属性的元素(无论其具体名称如何),会出现一个常见问题。

当前限制:

不幸的是,目前没有 CSS 选择器可用,可以定位属性名称与任何通配符匹配的元素。可用语法侧重于定位属性值,而不是名称本身。

属性名称定位:

在 CSS 中定位属性名称的唯一方法是通过语法:

E[foo]
登录后复制

此选择器将选择所有具有“foo”属性的元素,无论其属性如何

通配符替代方案:

尽管缺少通配符属性名称选择器,[email protected] 邮件列表中最近的一个线程提出了一种潜在的语法:

x-admin-* { ... }
[data-my-*] { ... }
登录后复制

这个提议的语法已经获得了一些接受,并且可能成为未来的标准。但是,目前它仍然不受支持,并且不是使用通配符定位属性名称的可行解决方案。

以上是CSS 选择器可以使用通配符属性名称来定位元素吗?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板