在CSS中按数据属性选择元素
是否可以通过CSS5的HTML5数据属性（例如data-role）来选择元素？
问题答案：
如果您想使用属性选择器，请确定为什么：
[data-role="page"] {
/* Styles */
}
我可以链接到文档中介绍各种可用于各种场景的属性选择器。请注意，尽管自定义数据属性是“新的HTML5功能”，
-
浏览器通常在支持非标准属性方面没有任何问题，因此您应该能够使用属性选择器对其进行过滤；和
-
您也不必担心CSS验证，因为CSS不在乎非命名空间的属性名称，只要它们不破坏选择器语法即可。
-
问题内容： 是否有一种简单而直接的方法来根据元素的属性选择元素？例如，选择具有命名的数据属性的所有锚，其具有的价值。 我有点不愿意使用或其他属性来存储此类信息，但是我发现根据存储在其中的数据来选择元素要困难得多。 问题答案： $(‘*[data-customerID=”22”]’); 您应该可以省略，但是如果我没有记错的话，这取决于您使用的是哪个jQuery版本，这可能会导致错误的结果。 请注意，
-
我有以下XML。 我在http://chris.photobooks.com/xml/default.htm上查看了它，它显示xpath无效，不确定问题出在哪里。
-
具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意：IE7和IE8需声明!DOCTYPE才支持属性选择器！IE6和更低的版本不支持属性选择器。 属性选择器 下面的例子是把包含标题（title）的所有元素变为蓝色：[title] { color:blue; } 属性和值选择器 下面的实例改变了标题title='runoob'元素的边框样式:[title=r
-
问题内容： 实际上可以从网站开发中完全避免使用类。 我的问题是，与类选择器相比，数据选择器的效率如何？ 一个简单的示例是比较对带有的元素与vs与的元素的查询。 该选择将检查值作为一个整体对String类应该被拆分。考虑到这一点，数据属性应该更快。 因此，为解决问题，在CSS的情况下，我们最好使用类选择器还是数据选择器？并且从javascript的角度来看，它会比？更有效。 问题答案： 我不会说这是
-
问题内容： 如何将伪元素选择器（）与属性选择器（）组合在一起？ 我尝试使用，但这在Chrome中不起作用。 HTML： CSS： 在每个div的末尾显示“ YES”，第二个div之后应显示“ NO”。 我正在运行Chrome 17.0.963.38。在Safari 5.1.2中似乎可以正常工作。 问题答案： 这看起来像个错误，终于被报道了。如果您为样式表中的任何位置 添加CSS规则并至少包含一个声
-
问题内容： 做这样的事情的语法是什么： 基本上，我想选择具有属性和属性的元素： 元件如以下应该 没有 被选择： 问题答案： 简单会很好。它实际上在标准文档中有很好的描述： 可以使用多个属性选择器来引用元素的多个属性，甚至可以多次引用同一属性。 在此，选择器匹配所有SPAN元素，这些元素的“ hello”属性的值恰好为“ Cleveland”，而其“再见”属性的值恰好为“ Columbus”： 附带