面向对象的CSS的作用和注意事项_html/css_WEB-ITnose

1）面向对象的CSS的作用：

1.1）加强代码复用，以便维护；

1.2）减小CSS体积；

1.3）提升渲染效率；

1.4）组件库思想、栅格布局可共用、减少选择器、方便扩展。

2）面向对象的CSS的注意事项：

2.1）不要直接定义子节点，应把共性声明放到父类；

2.2）结构和皮肤相分离；

2.3）容器和内容相分离；

2.4）抽象出可重用的对象，建好组件库，在组件库内寻找可用的元素组装页面；

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

2.6）对象应保持独立性；

2.7）避免使用ID选择器，权重太高，无法重用；

2.8）避免位置相关的样式；

2.9）保证选择器相同的权重；

2.10）类名要简短、清晰、语义化，面向对象的CSS名字并不影响HTML语义化。

版权声明：本文为博主原创文章，未经博主允许不得转载。