将 CSS @function 的发布时间从 Chrome 136 推迟到 139

Adam Argyle

发布时间：2025 年 3 月 6 日

2 月 25 日，Chrome 发布了@function 的发布意向，并收到了要求延长实验阶段的反馈。虽然整个实验阶段并不短，但最近发生了一些影响深远的规范变更，因此需要再进行一些实验。

我们也希望并期待，延长实验阶段后，社区能开展更多实验。

调用实验

现在，您可以获取一个 Canary 副本，启用实验性 Web 平台功能，开始测试 CSS @function，并报告您发现的任何 bug。现在，我们有时间进行更长时间的实验，应该好好利用这一点。

下面列出了一些探索，可帮助您快速上手：

以下 CSS 展示了一个简洁但实用的示例：

@function --light-dark(--light, --dark) {
    result: var(--light);
    
    @media (prefers-color-scheme: dark) {
        result: var(--dark);
    }
}

想要详细了解 @function？

Bramus 提供了一组出色的演示，CSS Tricks 也很快就加入了这一行列。

参数？返回值？这值得我把咖啡吐出来！我不得不详细了解这些内容，幸运的是，规范写得非常清楚。