一尘不染

在CSS中按数据属性选择元素

html

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


阅读 313

收藏
2020-05-10

共1个答案

一尘不染

如果您想使用属性选择器,请确定为什么:

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

我可以链接到文档中介绍各种可用于各种场景的属性选择器。请注意,尽管自定义数据属性是“新的HTML5功能”,

  • 浏览器通常在支持非标准属性方面没有任何问题,因此您应该能够使用属性选择器对其进行过滤;和

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

2020-05-10