平常會看到一些優秀的css框架實踐方面的技術總結,本文主要是用來持續匯總,方便進行對比和進一步思考。
本文提供了8條規則,主要關于:
- 使用class替代ID
- 組件化目錄結構
- class命名空間(app-Component-class)
- 建立命名空間和文件名映射關系
- 通過命名空間避免泄露組件內的樣式
- 使用孩子選擇器避免組件內部的樣式之間的影響
- 松散地集成外部樣式(通過@extend 而不是直接添加class)
通過隔離、良好的命名和組織約定等相關技巧,提高了代碼的閱讀性、復用性以及避免樣式沖突。
TODO...