在CSS中按数据属性选择元素
是否可以通过CSS5的HTML5数据属性(例如 data-role )选择元素? #1楼 在现代浏览器中,还可以选择属性而不管其内容如何 与: [data-my-attribute] { /* Styles */ } [anything] { /* Styles */ } 例如: http : //codepen.io/jasonm23/pen/fADnu 在相当大比例的浏览器上运行。 注意,这也可以在JQuery选择器中使用,也可以使用 document.querySelector #2楼 值得注意的是CSS3子串属性选择器 [attribute^=value] { /* starts with selector */ /* Styles */ } [attribute$=value] { /* ends with selector */ /* Styles */ } [attribute*=value] { /* contains selector */ /* Styles */ } #3楼 您可以组合多个选择器,这很酷,您可以根据其值选择每个属性和属性,例如仅基于CSS的值基于 href 来选择。 通过属性选择器,您可以使用 id 和 class 属性玩一些额外的游戏 这是关于“ 属性选择器” 的精彩阅读 小提琴 a[href="http://aamirshahzad.net