發布日期: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 也很快就加入了這項功能的討論行列。
引數?傳回值?這值得我吐出咖啡!我必須進一步瞭解這些內容,所幸規格說明書寫得相當清楚。
- Juan Diego Rodriguez 在 CSS 技巧中提到