CSS中按属性选择元素

是否可以通过 HTML5 数据属性来选择 CSS 中的元素（例如，data-role)?

如果你的意思是使用属性选择器，当然，为什么不呢：

[data-role="page"] {
    /* Styles */
}

有多种属性选择器可用于各种场景，我链接到的文档中均涵盖了这些选择器。请注意，尽管自定义数据属性是“新的 HTML5 功能”，

• 浏览器通常在支持非标准属性方面没有任何问题，因此您应该能够使用属性选择器过滤它们；和

• 您也不必担心 CSS 验证，因为 CSS 不关心非命名空间属性名称，只要它们不破坏选择器语法即可。