是否可以通过其 HTML5 数据属性(例如,data-role)选择 CSS 中的元素?
data-role
如果您的意思是使用属性选择器,当然,为什么不:
[data-role="page"] { /* Styles */ }
有多种属性选择器可用于我链接到的文档中涵盖的各种场景。请注意,尽管自定义数据属性是“新的 HTML5 功能”,
浏览器通常支持非标准属性没有任何问题,因此您应该能够使用属性选择器过滤它们;和
您也不必担心 CSS 验证,因为 CSS 不关心非命名空间属性名称,只要它们不破坏选择器语法。