关注「索引目录」公众号，获取更多干货。
有了现代框架、组件库和实用至上的 CSS，这的确是一个合理的问题。
如今大多数前端开发人员很少编写“真正的”CSS。布局都是预先构建好的，响应式设计也已经处理好了，无障碍功能也应该内置其中。如果需要调整样式，我们只需修改一个变量、添加一个实用类或覆盖组件令牌即可。
那么……为什么要花时间学习CSS呢？
很长一段时间，我也是这么想的。
直到无障碍设施的出现迫使我重新审视这个问题。
最近，我接到一个看似很简单的任务：
将一个旧组件升级到符合现代WCAG 无障碍标准。
你知道——更好的可访问性、更高的对比度、正确的对焦状态。
这不是锦上添花，而是硬性要求，因为我非常重视可访问性。
实际上，这意味着大量的 CSS 工作。
容器需要进行大量重构，但视觉设计必须保持不变。
哇……我好难啊。真的好难。😅
不知何时，我突然意识到自己在想：
CSS或许才是前端开发中最难的部分，
比JavaScript还要复杂。
（好吧，也许前任开发人员显然也不懂 CSS 这一点也无济于事😬）
CSS 曾经是我的强项
有趣的是，我以前非常擅长 CSS。
盒模型？小菜一碟。
布局技巧？家常便饭。我甚至不用谷歌
就能让元素垂直和水平居中😄
很久以前，我甚至还靠搭建WordPress网站赚过点外快。
技术上来说很简单，但客户愿意付钱，因为页面看起来不错。这就是价值所在。
所以……到底发生了什么？
无障碍意识觉醒♿
最近这项任务给我敲响了警钟。
真正的问题不在于颜色或字体，而在于诸如此类的事情：
-
焦点轮廓打破了布局 -
键盘导航突然暴露出 DOM 顺序错误 -
轮廓线仅出现在组件的一半上 -
定位技巧一旦 :focus-visible发挥作用就会失效
单单修复键盘导航问题就暴露了布局的脆弱性。
没什么“高级”内容，
只是CSS基础知识在实际应用中的运用。
就在那时我突然意识到：
我已经很久没有认真练习 CSS 了。
CSS逐渐淡出人们的视野
我不知道你是否也有同感，但多年来，CSS 一直处于……次要地位。
在大多数项目中，我们使用：
-
组件库 -
设计系统 -
一个已经处理布局和响应式设计的框架
我们的“CSS工作”通常指的是：
-
为单个组件设置样式 -
调整一些变量 -
凌驾于几乎合适的事物之上
移动端视图？开箱即用。
网格布局？已解决。
间距？使用标记。
还有 Tailwind。
别误会，我也用它，而且用得很多。
它让一切变得快速而可预测。配合 shadcn/ui，你无需真正进行任何设计就能交付外观不错的 UI 。
说实话，如果是业余项目或者演示，我都不再费心思了。
我直接找个软件管理员生成一个漂亮的布局——包括 Tailwind 插件——然后就完事了。
零CSS困扰，零痛苦。
当然，有时候会出问题。这里
一个z-index错误，那里一个奇怪的溢出。
但这与手动设计和维护整个布局相比，简直不值一提。
我现在经常都不安装 Stylelint 了——尽管我曾经为它贡献过几行代码，这可能让我更喜欢它了。
如果整个组件只有五行 CSS 代码，何必费这个劲呢？
与此同时……CSS 正在蓬勃发展✨
这就是讽刺之处。
CSS近年来发生了巨大的变化。
我们现在有这样的东西：
- CSS变量
（好吧，虽然不是全新的概念，但仍然至关重要） - 容器查询
:has()- 级联层
- 本地筑巢
- 现代色彩空间
- 滚动驱动动画
如今的CSS比以往任何时候都更加强大。
我是否密切关注所有这些事情？
算是吧。但并不深入。
因为在日常工作中，我很少需要用到它。
框架会处理它，库会对其进行抽象，系统会将其隐藏起来。
代沟
有趣的是，当我观察年轻的开发者时，我仍然觉得老一辈开发者对 CSS 的理解更透彻。
我甚至不确定现在还有没有人系统地教授 CSS。
大学里？可能没有。
训练营？两天 CSS 课，然后就直接学 JavaScript 或者“全栈”了。
（顺便问一下——现在还有训练营这种形式吗？😅）
这是正确的方向吗？
还是仅仅是自然演变的结果？
手工意面和CSS
有时我会想，我对 CSS 的怀旧之情是不是就像奶奶亲手做意大利面一样。
当然——这样更好。
当然——这样更令人满意。
但我们究竟有多少时间去做这件事呢？
框架、工具和抽象概念的存在是有原因的。
它们能提高效率，减少错误，并使工作流程标准化。
但无障碍设计并不关心抽象概念。
公平地说，大多数现代框架和组件库都提供了开箱即用的辅助功能——合理的 ARIA 属性、键盘支持、焦点管理。
但这种可访问性通常仅限于“正常流程”。一旦你需要自定义布局、视觉调整或非标准交互，你就得回到原始 CSS——以及你仅存的那点知识。
当某些东西出现故障时——焦点、键盘导航、布局流程——
没有任何 Tailwind 类或组件属性可以拯救你。
只有掌握CSS知识才能做到。
所以……CSS 真的变差了吗？
我不这么认为。
我想我们只是不再学习它了。
而无障碍设计往往会残酷地暴露这一点。
你呢？
你现在还经常使用CSS吗？
你还会从零开始设计布局吗？
或者说，CSS 正在变成一种晦涩难懂的知识——
只有当事情出错时才会重新发现它？
或许偶尔锻炼一下这些肌肉是值得的——
即使只是为了好玩。
关注「索引目录」公众号，获取更多干货。