面向对象的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语义化。

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