CSS规则层叠时的算法 虽然看起来复杂，但是在实际应用过程中，还不算太复杂，因为诸如user style和inline style之类的东西我们很少考虑。
理论基础是必要的，实践是提升和理解理论的方法，两者同样重要，任何设计和开发人员离开这两者的平衡，不论偏向哪一方，都会范或左或右的错误。不过我所讲的这个方法在实际应用中到底有什么用呢。显然，它不能够给我们创造出圆角矩形，也不能够给我们创造出分列布局，更加不可能给我们一个固定在文档头部的导航栏。这个算法的实践应用在于： 良好的CSS编程规范 。这是一个宏观的实践，与我刚才提到的微观实践同样重要，但却更加难以掌握。
本文并不想包含所有的良好的CSS编程规范，也不可能，我所能够提供的也只是我个人编写CSS的规范小结，我想这些规范是尽可能靠近CSS的运作本质的。
不要使用inline CSS
user style不在你的掌控之内
不要使用important规则
按照特殊性从低到高编写CSS
前三条不是我说的重点，我将一笔带过。
inline CSS的特殊性是最高的，如果你CSS文件中的属性与inline CSS冲突，那么你CSS文件中的属性无效，这和我们仅在CSS文件中对样式进行debug的习惯不符。inline CSS也是丑陋的，它将样式插入HTML文档，所以应当放弃使用inline CSS。
如果用户将user style设置为important，那么不论怎么写CSS规则，总是不能覆盖用户的important语句，所以试图覆盖所有的user style是徒劳的。高兴的是我们不需要考虑这些了。
important规则是个异类，它不符合我们惯有的思维方式，不论我们如何增加CSS规则的特殊性和先后顺序，important规则都将覆盖与它竞争的规则，这也会打乱CSS规则的习惯规律，给debug带来麻烦。如果你要使用important规则来hack浏览器 ，那么你应当在一个指向唯一元素的selector中应用该规则。（PS. hack应当是解决方法中最后考虑的一项。）
最后一点，如何做到按照特殊性从低到高编写CSS？
关键在于 模块化CSS 。
添加全局CSS
添加当前页面统一CSS
将页面分成几个模块
在每个不同模块上使用id挂钩，相同模块上使用class挂钩
添加每个模块的统一CSS
将每个模块分成几个子模块，并且回到第4步开始循环直至样式添加完成。
编写良好的CSS是一个设计问题，而不是一个实现问题。
转自： http://www.caopeng.net/2011/01/a-good-summary-of-css-programming-specification/
