css - CSS 是否有计划支持变量？

Question

我知道我可以使用框架（http://lesscss.org）来实现这一点，但我想知道纯 CSS 是否会随时支持这一点？

score 5 · Accepted Answer

下面是一个语法示例：

:root {
  --main-color: #06c;
  --accent-color: #006;
}
/* The rest of the CSS file */
#foo h1 {
  color: var(--main-color);
}

目前还不确定浏览器的兼容性。我认为 Chrome 和 Firefox 可能支持它，但我怀疑 IE 支持。

score 0 · Accepted Answer

今天，我们有 40% 的全球用户支持CSS 变量，您可以在此处查看：http: //caniuse.com/#search=variables（又名自定义属性）

score 0 · Accepted Answer

CSS 是否有计划支持变量？

除了计划之外，它还有W3C 候选推荐，这里有 Chrome和 Firefox等实现，这里有 Edge 实现路线图。这是一个完整的支持矩阵，显示它们目前在 FF 和 Chrome 中可用。

“css variables”的谷歌打开了MDN 页面，其中详细描述了当前情况。

我知道我可以使用框架（http://lesscss.org）来完成这个

真正的 CSS 变量服从级联。从这个意义上说，它们比在 LESS 等预处理器（顺便说一下，这是一个预处理器，而不是框架）中实现的变量要强大得多。

score -1 · Accepted Answer

可能不是，可能是因为跨浏览器兼容性。想象一下，将样式表中的颜色设置为变量，而使用较旧或受支持较少的浏览器的人可能无法读取变量，因此该站点不会获得任何颜色！我只会使用像 SASS 这样的预处理器来解决这个问题。

4 回答 4