借助 Windows 10 創意者更新,Microsoft Edge 將支持 CSS 自定義屬性

閱讀時間圖標 2分鐘讀


讀者幫助支持 MSpoweruser。如果您透過我們的連結購買,我們可能會獲得佣金。 工具提示圖標

請閱讀我們的揭露頁面,了解如何幫助 MSPoweruser 維持編輯團隊的發展 阅读更多

隨著即將於下個月發布的 Windows 10 Creators Update,Microsoft Edge 將支持 CSS 自定義屬性,這允許開發人員在 CSS 屬性之間完全級聯變量。

一般來說,Web 應用程序可以包含相當多的 CSS。 CSS 文件中的大部分值將是重複數據; 例如,一個站點可以建立一個配色方案並在整個站點中重複使用三種或四種顏色。 更改此數據可能很困難且容易出錯,因為它分散在整個 CSS 文件中(並且可能跨越多個文件),並且可能不適合查找和替換。 CSS 自定義屬性使用一系列自定義作者定義的屬性解決了這個問題,這些屬性統稱為自定義屬性,允許開發人員為具有名稱的屬性分配任意值,而 var() 函數允許開發人員使用這些值在文檔其他地方的其他屬性中。 看看下面的例子,

:root { --primary: #0B61A4; --次要:#25567B; } 標題 { 背景: var(--primary); 邊框底部:2px 實心 var(--secondary); }

CSS 自定義屬性將使編輯 CSS 文件變得更加容易且不易出錯,因為開發人員必須在自定義屬性中更改一次值,並且更改將自動傳播到該變量的所有用途。

如果您是開發人員,現在可以在最近發布的 Windows Insider Preview 版本中嘗試 CSS 自定義屬性,從 EdgeHTML 15.15061 開始。 另外,請查看 自定義屬性 Pooch 演示 查看此功能的實際效果。

有關主題的更多資訊: CSS 自定義屬性, 開發, 邊緣, 微軟, 創作者10 Windows更新

發表評論

您的電子郵件地址將不會被發表。 必填字段標 *