CSS的执行性能是影响网站用户体验的一个很重要的指标，如何有效地提高CSS执行效率？我总结了以下几点：
不要在ID选择器前使用标签名。
一般写法：div#divBox
更好写法：#divBox
解释：因为ID选择器是唯一的，加上div反而增加不必要的匹配。
不要在class选择器前使用标签名。
一般写法：span.red
更好写法：.red
解释：同第一条，但如果你定义了多个.red，而且在不同的元素下是样式不一样，则不能去掉，比如你css文件中定义如下：
p.red { color: red; }
span.red { color:#ff00ff; }
如果是这样定义的就不要去掉，去掉后就会混淆，不过建议最好不要这样写。
尽量少使用层级关系。
一般写法：#divBox p .red { ... }
更好写法：.red { ... }
使用class代替层级关系。
一般写法：#divBox ul li a { display: block; }
更好写法：.block{display:block;}
声明:如需转载，请注明来源于www.webym.net并保留原文链接：http://www.webym.net/jiaocheng/825.html
