1、一些建议

首先得了解css的解析规则是从右向左的，原因可参见这篇文章。

嵌套层级不要超过3级

一般情况下，一条css规则的嵌套层级最好不要超过3级，嵌套过深会导致以下问题：

1、css文件体积变大；

2、造成性能浪费，影响渲染的速度(有待考证)，可参考1

3、过于依赖HTML文档结构，不易维护

少用通配符*和属性选择器，如a[href='']

在做样式重置时，不要这样:

*{

padding:0;

marging:0;

}

而应该把具体哪些元素需要重置都列出来

在嵌套规则中尽量使用类名而不是元素选择器(div ，span 等),影响可读性

使用transform和opacity来实现动画，不要使用left和top

2、一些问题

SASS导致的嵌套问题

使用sass写css时经常会出现嵌套过深问题，解决方案是合理控制html的层级，尽量使用嵌套浅的html结构