平常会看到一些优秀的css框架实践方面的技术总结,本文主要是用来持续汇总,方便进行对比和进一步思考。
本文提供了8条规则,主要关于:
- 使用class替代ID
- 组件化目录结构
- class命名空间(app-Component-class)
- 建立命名空间和文件名映射关系
- 通过命名空间避免泄露组件内的样式
- 使用孩子选择器避免组件内部的样式之间的影响
- 松散地集成外部样式(通过@extend 而不是直接添加class)
通过隔离、良好的命名和组织约定等相关技巧,提高了代码的阅读性、复用性以及避免样式冲突。
TODO...