面向对象CSS的注意事项：
1、对于组件，不要直接定义子节点，应把共性声明放到父类
.mod .inner{....}建议的写法
.inner{....}不建议的写法

2、结构和皮肤分离
<div class="container simpleExt"></div>建议的写法
<div class="container"></div>不建议的写法

3、容器与内容分离（自我感觉与第一点相悖）
.container ul //ul依赖了容器
.rankList ul //解除与容器的依赖，可以从一个容器转移到其他容器

4、抽象出克重用的元素，建好组件库，在组件库内寻找可用的元素组件页面。

5、往你想要扩展的对象本身增加class而不是他的父节点

6、对象应该保持独立性

7、避免使用ID选择器，权重太高，无法重用。

8、避免位置相关的样式

header .container{...},#footer .container{...}不建议的方式

9、保证选择器相同的权重

10、类名 简短 清晰 语义化 OOCSS的名字并不影响HTML语义化

http://oocss.org/
http://thx.github.io/cube/doc/neat