面向对象的CSS注意事项

1、不要直接定义子节点,应把共性声明放到父类 ;

2、结构和皮肤相分离。

3 、 结构和内容相分离。

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

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

6、对象应保持独立性。

7、避免使用ID选择器,权重太高,无法重用。(ID)选择器 是为js使用。

8、避免 位置相关的样式。

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

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

posted @ 2016-04-07 07:16  笔记&备忘录  阅读(117)  评论(0编辑  收藏  举报