w3c决定采用嵌套语法

W3C的年底充满了起伏，当时该组织和麻省理工学院之间的辩论最终在圣诞节前得到解决，这要归功于两个组织的领导。

image.png image.png

幸运的是，它并没有影响CSS嵌套的工作，这个新功能不仅在CSS小组中引起了激烈的争论，而且在开发人员社区中也引起了激烈的争论。

image.png

2022 年 12 月 15 日，Jen Simmons 宣布了一项调查，以选择开发人员最想要的 CSS 嵌套变体。

image.png

在排除选项1和选项2后，2500名开发人员必须在选项3，选项4和选项5之间进行选择。

image.png

调查结果很棒！事实证明，86% 的开发人员选择了与心爱的 Sass 最相似的选项 3。

image.png

在我们庆祝在 CSS 中原生拥有熟悉的嵌套解决方案之前，需要考虑一些事项。

调查结果作为社区期望的指标。W3C 团队采取正确方向的输入。

虽然团队认真对待用户的声音，并听取在线辩论，但它必须完善最终的解决方案。需要考虑的原因有很多。

虽然 Sass 语法很好，但不可能将其 1：1 转换为 CSS。

CSS标准依赖于解析样式表的浏览器，这些样式表必须理解新语法。团队必须考虑整个CSS标准，并确保新语法在所有用例中兼容。

这可能很棘手，可能需要解析器开关或一些规则来确保嵌套以可预测的方式工作。

为了新语法的成功，规则集必须最少，并且团队倾向于特殊字符规则。该规则规定嵌套选择器必须以特殊字符开头。例如 &、.、# 或 ： 。

该规则很容易理解，应该很容易记住。

还有其他不确定性。嵌套运算符 （&） 应该是必需的还是可选的，仍然存在争议。

尽管如此，该团队在两周前决定跟随开发人员的声音，继续选项 3 的工作。与萨斯最相似的一个。同时对未来可能发生的所有可能性持开放态度。

image.png

如果您是前端Web工程，您也可以参与这项工作。查看本文末尾的链接，导航到讨论 CSS 嵌套的问题。

完善CSS嵌套肯定需要几个月的时间。我会让你知道进展。

有了W3C团队支持该标准，我相信最终的解决方案将成为构建结构良好的样式表的标准。对于构建现代应用程序非常重要的东西。