【汇总】css框架实践(持续更新)

平常会看到一些优秀的css框架实践方面的技术总结,本文主要是用来持续汇总,方便进行对比和进一步思考。

  1. 8 simple rules for a robust, scalable CSS architecture

本文提供了8条规则,主要关于:

  • 使用class替代ID
  • 组件化目录结构
  • class命名空间(app-Component-class)
  • 建立命名空间和文件名映射关系
  • 通过命名空间避免泄露组件内的样式
  • 使用孩子选择器避免组件内部的样式之间的影响
  • 松散地集成外部样式(通过@extend 而不是直接添加class)

通过隔离、良好的命名和组织约定等相关技巧,提高了代码的阅读性、复用性以及避免样式冲突。

TODO...

推荐阅读更多精彩内容