你曾经开发大型前端项目时是不是有这样的经历，项目的JavaScript源文件结构清晰，但想要对CSS进行更改时，就会遇到一堆乱七八糟的非结构化CSS。
虽然你知道添加或修改哪些CSS属性，但是写代码时还是很小心谨慎，因为在很多地方有CSS属性被覆盖，在某些情况下，甚至还使用了!important。由于担心增加或者修改代码会破坏现有样式，所以你会创建一个新的规则，这会让混乱的情况进一步增加。
这是许多前端项目都面临的问题。
当你的项目开始扩展或新的前端工程师加入团队时，理解如何在你的项目代码库中组织CSS是非常重要的。本篇文章将通过不同的想法，帮助你创建更强大的CSS架构。
为什么我们需要强大的CSS架构?
稳固的CSS体系结构基础可以在项目开始扩展和发展时为其提供支持。如果基础没有经过深思熟虑的思考和规划，那么未来，你的项目很可能会倒塌。
当然，CSS不太可能像JavaScript错误那样破坏你的系统，但它可以产生不同的问题，使项目工作非常困难。如果你的团队对在项目中添加或更改CSS没有信心，那么他们会添加Bug，这些Bug会影响用户的体验，使项目受到影响。
因此，开始一个项目时，有一个可靠的CSS架构是非常必要的，**毕竟编写糟糕的CSS要比删除它更容易。**
在我的印象里，CSS在前端领域并没有被广泛的