优化你的CSS（zz）

所谓高效的CSS就是让浏览器在查找style匹配的元素的时候尽量进行少的查找，下面列出一些我们常见的写CSS犯一些低效错误：

1、不要在ID选择器前使用标签名

一般写法：DIV#divBox
更好写法：#divBox

解释：因为ID选择器是唯一的，加上div反而增加不必要的CSS匹配。

2、不要在class选择器前使用标签名

一般写法：span.red
更好写法：.red

解释：同第一条，但如果你定义了多个.red，而且在不同的元素下是样式不一样，则不能去掉，比如你css文件中定义如下：   

如果是这样定义的就不要去掉，去掉后就会混淆，不过建议最好不要这样写

3、尽量少使用层级关系
    一般写法：#divBoxp.red{color:red;}
    更好写法：.red{..}

4、使用class代替层级关系
    一般写法：#divBoxullia{display:block;}
    更好写法：.block{display:block;}

5、在css渲染效率中id和class的效率是基本相当的

      class最在第一次载入中被缓存，在层叠中会有更加好的效果，在根部元素采用id会具有更加好（id有微妙的速度优势）。
参考：http://www.w3cfuns.com/forum.php?mod=viewthread&tid=371