面向对象的CSS注意事项

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

2、结构和皮肤相分离。

3 、 结构和内容相分离。

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

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

6、对象应保持独立性。

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

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

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

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

原文地址:https://www.cnblogs.com/xrwm97/p/5362018.html