借助 Windows 10 创意者更新，Microsoft Edge 将支持 CSS 自定义属性

随着即将于下个月发布的 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 版本（从 EdgeHTML 15.15061 开始）中尝试 CSS 自定义属性。 另外，请查看 自定义属性 Pooch 演示 查看此功能的实际效果。