我不知道身为前端工程师讨厌写CSS的心态，但是站在个人角度来说，我认为CSS还是有很多趣味的，所以有时候真的不要轻易目空一切。

作为一名前端工程师，往高级说 Grid、滤镜、动画，往底层说排版原理，line box，就一个 vertical-align 的各个值的含义有几个人能说清楚？再往远说 svg，canvas，dc，d3，webgl，都是视觉工作的利器，也是前端的核心竞争力之一，对视觉没兴趣前端基本等于自毁一半功力，那么又何苦在前端圈子消磨自己呢？

如果自己内心排斥写CSS，我觉得应该仔细想想是真的讨厌CSS相关的工作还是没有找到工作的乐趣，如果是后者（相信大多数人都是后者），我认为大家应该从提升自身技术能力和前端业务的理解入手。

正如我之前看到过的一篇文章里写道的：

如果你编写CSS的方法是仔细地为每个元素设计样式，那么你就会错过树的森林。想象一下，在森林里凝视着，注意到所有枫树。您可以编写一个类来样式化所有的枫树，而不是为每个树编写重复样式。这就是您如何将您的设计抽象成可重用块的方式。现在，想象一下构建一个登陆页面而无需编写单一的CSS。当你的CSS全部封装成可重用的块时，你就会得到一个完整的预样式片段的宝库。

· 模块化-你可以从没有写任何一条CSS的情况下就能到达构建页面的重点。

· 可预测-不管你把组件放在哪里，它都会表现得一样，看起来也一样。编写代码很容易。你有一个命名它的系统。写起来更直观。

· 可维护性-这是快速和容易处理的。它不会破坏网站上的其他东西。

· 可伸缩-很难打破并且容易地建立起来。

· 干燥-它消除了在CSS中复制和粘贴复制的需求。

有组织-这里有个地方可以供你选择。

编辑：千锋web前端