文章预览
你的CSS文件超过4000行。 一半的类名是 .box 、 .container ,甚至是更糟糕的 .box2 。 你在一个地方修改了按钮样式,结果其他三个地方同时“阵亡”。 每次修bug都像在玩打地鼠游戏——只是这回,地鼠手里拿着锤子。 听起来熟悉吗? 没错,我也经历过这些痛苦: 被级联(Cascade)折磨, 被选择器权重(Specificity)背叛, 和 !important 打得难舍难分,仿佛这是我的全职工作。 我一度讨厌CSS, 是真的,非常讨厌。 直到有一天,我发现了 那个唯一的技巧 ——不是 !important ,也不是某个新出的CSS框架。 而是 CUBE CSS 。 等等,CUBE CSS到底是什么? 什么是CUBE CSS? CUBE代表的是: Composition (组合) Utilities (实用类) Blocks (区块) Exceptions (例外情况) 听起来挺高级吧?其实它并不是高高在上的理论架构,只是一种真正有效的CSS组织方式。 简单来说:用更模
………………………………