数据属性CSS选择器比类选择器快吗？
实际上可以从网站开发中完全避免使用类。
我的问题是，与类选择器相比，数据选择器的效率如何？
一个简单的示例是比较对带有的元素与data-component='something'vs与的元素的查询class='class1 class2 something anotherClass'。
该[data-<attr>='<value>']选择将检查值作为一个整体对String类应该被拆分。考虑到这一点，数据属性应该更快。
因此，为解决问题，在CSS的情况下，我们最好使用类选择器还是数据选择器？并且从javascript的角度来看，它会jQuery("[data- component='something']")比jQuery(".something")？更有效。
问题答案：
我不会说这是结论性的
，但是看来类选择器的速度更快…我只是将它们组合在一起进行快速测试。
编辑 ：
基于弗拉德和我的jsperf测试…如果性能是一个问题（尤其是IE）…类仍然是必经之路
-
具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意：IE7和IE8需声明!DOCTYPE才支持属性选择器！IE6和更低的版本不支持属性选择器。 属性选择器 下面的例子是把包含标题（title）的所有元素变为蓝色：[title] { color:blue; } 属性和值选择器 下面的实例改变了标题title='runoob'元素的边框样式:[title=r
-
本文向大家介绍CSS 类名选择器，包括了CSS 类名选择器的使用技巧和注意事项，需要的朋友参考一下 示例 类名选择器选择具有目标类名的所有元素。例如，类名称.warning将选择以下<div>元素： 您还可以将类名称更具体地组合到目标元素。让我们以上面的示例为基础，展示更复杂的类选择。 的CSS 的HTML 在此示例中，具有.warning类的所有元素将具有蓝色文本颜色，具有.important类
-
本文向大家介绍属性选择器和伪类选择器的优先级？相关面试题，主要包含被问及属性选择器和伪类选择器的优先级？时的应答技巧和注意事项，需要的朋友参考一下 参考回答： 属性选择器和伪类选择器优先级相同
-
在HTML中，可以通过元素各种各样的属性，来给元素增加很多附加信息。如通过 width 属性，可以指定元素的宽度；通过 id 属性，可以区分不同的元素，并通过Javascript来控制这些元素的内容和状态。 以往的CSS中，大量使用类选择器来定义样式。由于类选择器并不能说明什么样式服务于什么元素。因此，对于一个大型网站，CSS代码比较庞大，若要修改某个样式，就成为非常头疼的事情。 CSS的属性选择
-
主要内容：1. 通用选择器,2. 标签选择器,3. ID 选择器,4. 类选择器,5. 后代选择器,6. 子选择器,7. 相邻兄弟选择器,8. 通用兄弟选择器,9. 分组选择器,10. 属性选择器选择器由 HTML 元素的 id、class 属性或元素名本身以及一些特殊符号构成，用来指定要为哪个 HTML 元素定义样式。选择器是 CSS 样式规则中重要的组成部分，我们可以将选择器看作是 CSS 样式与 HTML 元素之间的匹配模式，与选择器关联的样式规则会应用于选择器所指定的 HTML 元素上。
-
问题内容： 我需要在CSS中使用属性选择器来更改不同颜色和图像上的链接，但是它不起作用。 我有这个HTML： 而这个CSS： 为什么背景不是红色的？ 问题答案： 在href后面使用$。这将使属性值匹配字符串的结尾。