css选择器性能测试

普通:
 程序代码

.tdxx{
  background: red;
}

对比:

 程序代码

table tr td.tdxx{
  background: red;
}

性能测试结果:

由图可以看出,在IE6 ,IE7, Safari 3中 , 子选择和直接选择 区别还是蛮大的.

Firefox 2稍微有点影响, Firefox 3 基本一样.

当然这是一个 极限的考验( 20,000 class )... 实际应用中,可能用不到.

但我们还是得注意下.

总结:

尽量少用 子选择器,  用直接选择器...

测试 例子下载:
http://www.cssrain.cn/demo/css-performance-test.rar

截取翻译于:
http://jpsykes.com/152/testing-css-performance-pt-2

本篇文章来源于 cssrain.cn 原文链接：http://www.cssrain.cn/article.asp?id=786
本篇文章来源于 cssrain.cn 原文链接：http://www.cssrain.cn/article.asp?id=786
本篇文章来源于 cssrain.cn 原文链接：http://www.cssrain.cn/article.asp?id=786=786