什么是更快的CSS,通过输入[type =“whatever”]或#whatever选择

时间:2014-01-16 12:11:10

标签: css css-selectors

选择表单元素时CSS更快?

input[type="whatever"]

#whatever

甚至

.whatever

2 个答案:

答案 0 :(得分:3)

按ID选择是禁食所以#whatever

但是除非你的表单有数千个元素,否则CSS应该没有问题,可以及时解析.classinput[type=".."]规则。

此外,如果您有多个元素,最好对共享样式的所有元素使用.classinput[type="whatever"],而不是在元素和css规则上使用那么多id。< / p>

答案 1 :(得分:0)

由于浏览器的实现,

#whatever选择器通常更快(并且它可以解析为单个元素)

有关选择器效率的详细信息,请参阅https://developers.google.com/speed/docs/best-practices/rendering?hl=ithttp://css-tricks.com/efficiently-rendering-css/