欢迎大家在这里学习什么是高效的CSS!这里是我们给大家整理出来的精彩内容。我相信，这些问题也肯定是很多朋友在关心的，所以我就给大家谈谈这个!所谓高效的CSS就是让浏览器在查找style匹配的元素的时候尽量进行少的查找，下面列出一些我们常见的写CSS犯一些低效错误(也是我以前常常犯的错误，还老以为这样写才是高效的)：

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

一般写法：DIV#divBox

更好写法：#divBox

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

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

一般写法：span.red

更好写法：.red

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

p.red{color:red;}

span.red{color:#ff00ff}

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

3、尽量少使用层级关系

一般写法：#divBox p .red{color:red;}

更好写法：.red{..}

4、使用class代替层级关系

一般写法：#divBox ul li a{display:block;}

更好写法：.block{display:block;}

好了，什么是高效的CSS内容就给大家介绍到这里了。希望大家继续关注我们的网站!

相关推荐：

制作css蓝色按钮的技巧