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语义化。
版权声明：本文为博主原创文章，未经博主允许不得转载。
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
