如何防止 CSS 样式表（或预处理的 LESS 或 SASS ......）变得难以理解，无法预测哪些样式会影响每个元素，您必须通过艰苦的努力对基于 CSS 的设计进行所有进一步的调整无休止的试错？
背景：每次我开始在网站上工作时，我都会从一组干净且组织良好的样式表、一个框架（通常是 Bootstrap）开始，然后是一个布局样式表、一个排版样式表，对于某些网站来说是一个配色方案样式表，然后是一个一般的“外观”，其中样式按区域和子区域分组，依此类推。一切都很好，很干净，直到通过慢慢添加东西，事情达到了“临界点”：我不能再“在脑海中运行”样式规则，选择器变得如此复杂，以至于我无法轻易预测新规则中的元素将适用，所以我开始打破层次结构并添加一个“tweaks1.css”调整层，然后是一个“tweaks2.css”，然后一切都在下坡，样式变得完全难以理解！
...无论我使用 LESS 还是 SASS，都会发生同样的事情。CSS 的级联特性总是能胜过我。那么......有没有办法强制CSS提交？这里有任何“设计模式”吗？
注意：我是一名程序员，我有不止一种范式和编程语言的经验，而且我在处理大型代码库时没有问题，但是当我开始前端工作时，不知何故，CSS 的“级联规则”逻辑让我心烦意乱在某个时候...我曾经遇到过与 Javascript 意大利面条相同的“不可理解性”问题，但是对于代码，有模式和最佳实践，我找到了将事情重构为提交的方法...