精简页面的样式文件，去掉不用的样式

1、不使用@import

这条手段已经是众所周知，这里简单提一下，@import影响css文件的加载速度

2、避免使用复杂的选择器，层级越少越好

有时候项目的模块越来越多，功能越来越复杂，我们写的CSS选择器会内套多层，越来越复杂。

建议选择器的嵌套最好不要超过三层，比如：

Homo Symbolicus: The Dawn of Language, Imagination and Spirituality

header.logo.text{}
可以优化成

haeder.logo-text{}
简洁的选择器不仅可以减少css文件大小，提高页面的加载性能，浏览器解析时也会更加高效，也会提高开发人员的开发效率，降低了维护成本。

3、精简页面的样式文件，去掉不用的样式

很多时候，我们会把所有的样式文件合并成一个文件，但是这样有一个问题：很多其他页面的CSS同时引用到当前页面中，而当前页面并没有用到它们，这种情况会造成两个问题：

（1）样式文件偏大，影响加载速度

（2）浏览器会进行多余的样式匹配，影响渲染时间。