超级会员免费看
本文探讨了前端页面开发中的CSS模块组织，包括Components、Elements、Variants和Layout的规范，强调组件命名、元素命名、变体命名以及布局策略，旨在提升代码的健壮性和可维护性。
模块组织
任何超过 1000 行的 CSS 代码，你都曾经历过这样的体验：
- 这个 class 到底是什么意思呢？
- 这个 class 在哪里被使用呢？
- 如果我创建一个
xxooclass，会造成冲突吗？
Reasonable System for CSS Stylesheet Structure 的目标就是解决以上问题，它不是一个框架，而是通过规范，让你构建更健壮和可维护的 CSS 代码。
Components（组件）
从 Components 的角度思考，将网站的模块都作为一个独立的 Components。
Naming components （组件命名）
Components 最少以两个单词命名，通过 - 分离，例如：
- 点
订阅专栏 解锁全文
扫一扫
1278
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
