OOCSS的概念和思路

《概念》

 

《思路》

面向对象的CSS有两个原则：

1.  独立的结构和样式
2.  独立的容器和内容

 

以下几点是创建OOCSS的关键部分：

1.  创建一个组件库
2.  独立的容器和内容，并且避免样式来依赖位置
3.  独立的结构和样式
4.  使用类名为扩展基本对象
5.  坚持以语义类来命名类名

 

开始实践：

1、创建一个组件库（创建基础的结构(HTML)和创建基础的类名。）

2、独立的容器和内容，并且避免样式来依赖位置

3、基础类

4、通过对基础对象扩展类名，从而达到基础对象的可重用性

5、语义化命名