普通:
程序代码
.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
