將 CSS @function 的發布時間從 Chrome 136 延後至 139

Adam Argyle

發布日期：2025 年 3 月 6 日

2 月 25 日，Chrome 發布了@function 的「意圖發布」，並收到要求實驗階段延長的意見回饋。雖然整體實驗階段並非短時間內完成，但近期有幾項影響重大的規格變更，因此需要更多時間進行實驗。

我們也期待這段延長的實驗階段能帶來更多社群實驗。

呼叫實驗

請立即取得 Canary 副本，啟用實驗性網站平台功能，開始測試 CSS @function，並回報任何錯誤。我們現在有更多時間進行實驗，應該要好好把握。

為協助您快速上手，我們整理了一些探索內容：

以下 CSS 示範簡潔實用的範例：

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

想進一步瞭解 @function 嗎？

Bramus 有一系列精彩的示範，CSS Tricks 也很快就加入了這項功能的討論行列。

引數？傳回值？這值得我吐出咖啡！我必須進一步瞭解這些內容，所幸規格說明書的內容寫得相當清楚。