CSS样式表的规划与组织

如果你的工作过程中遇到以下问题，那么请你阅读此文章。

1：样式表文件里面的代码混乱，随着项目的进展，样式表里面的先有代码不敢做任何改变，因为连自己也不知道改了以后会给现有项目造成什么影响。更不敢删除。因为连自己都不知道此处的样式到底什么地方用到了。

 

2：样式表文件体积增大，一个页面即使没有用到多数的样式，但仍然只能引用所有的样式，导致页面的加载缓慢。

 

3：样式表文件里面的代码，就像意大利面条（为什么一定要像意大利的面条？），或者就像中国的兰州拉面。所有的选择器类型全部混在一起。甚至出现很多上下的重复和不一致。

 

4：其他的一些CSS导致的问题。

 

的确，随着web标准的实施，CSS的分量逐渐增大。甚至一些原本有JavaScript处理的部分也由CSS来处理（例如一些图片的翻转替换等）。随之而来的是css文件代码的急剧增长。原本就存在的css代码管理混乱问题日益加剧。如何更好的规划、组织样式表显的日益重要。今天，请允许我在此抛块砖，希望更多的人有更好的方法来解决CSS样式表的规划与组织问题。

阅读全文