哪个CSS选择器更快?

时间:2015-07-28 07:32:04

标签: css performance css-selectors

哪个选择器更快:input[type='text'][type='text']

在jQuery中第二个但在CSS中?

我认为仍然[type='sth']因为"不那么具体而且阅读时间更短"通过浏览器。

4 个答案:

答案 0 :(得分:0)

两者都更快,不同之处在于[type='sth']将应用于所有元素,包括非输入标签。

 <link type="sth"> 

此标记将与您的班级一起使用。

答案 1 :(得分:0)

这个问题毫无意义 - 答案必须包括特定浏览器的特定版本,特定的HTML文件,特定的css文件,特定的Javascript和确切的场景。此外,您必须定义“更快”:更快解析?从文档查询更快?更快地猜测特定标签是否符合规则?

多年前,当浏览器很简单时,这样做有些道理。现代浏览器具有可与现代数据库或编译器相媲美的优化,这使得微基准测试成为现实。可能存在任意数量的快速路径,异常,极端情况,常见情况的快捷方式,这使得这种简单的推理变得不可能。

答案 2 :(得分:0)

在CSS中,无法检测哪一个更快,但您可以知道哪些CSS属性值与元素最相关: here

答案 3 :(得分:0)

CSS performance check 这取决于浏览器。