问题标签 [css-variables]

我正在编写应用程序（Angular2 框架）。现在我想在开发和生产的 sass 文件中创建不同的变量。

例如我想使用这个解决方案：

我的打字稿文件中有 $prod 变量。但是我如何将它从打字稿文件传递到 sass 文件？

为什么 Polymer 团队改变了他们在 Polymer 元素中定义默认 CSS 变量值的方式？下面是一个例子：

老式

新风格

自定义 CSS 变量是否有任何新规范？它有什么优势吗？还是完全是其他原因？

我正在尝试在媒体查询中使用 CSS 变量，但它不起作用。

是否可以在 ng-style 中添加自定义 css 属性，即 css 变量？

我试过用这个：

但这不起作用我在开发人员工具中检查时在样式属性中没有 --index 。

在 CSS3 中，我们可以创建颜色变量。像这样：

并在文档的其他地方使用它。像这样：

现在我希望.element2的颜色是 alpha 值的 80% --red，通常我会这样做rgba(255, 0, 0, .8)。但现在我正在使用颜色变量--red。有什么方法可以calc()计算 alpha 值--red吗？因为我不想用变量填充我的 CSS 文件。

PS：这个问题可能看起来像如何将不透明度应用于 CSS 颜色变量？发布，但有所不同，因为该问题讨论了如何为其创建另一个变量。

我正在对http://codepen.io/wesbos/pen/adQjoY进行一个小更新，并想使用 CSS 变量来更改图像，只是想看看我能不能做到。到目前为止，它不起作用。

我有一些If, Then, Else，实现了<script> ... </script>改变imageFile变量。

在 DevTools 控制台中，我得到：

GET file:///Users/tim/bloc/JavaScript30-master/03%20-%20CSS%20Variables/imageFile net::ERR_FILE_NOT_FOUND

图像没有改变。你能帮我吗？这是我更新前的完整代码：

然而，我已经能够编辑 CSS 变量，document.documentElement.style.setProperty("--text-color", "#333")但我无法用 jQuery 重现这一点，.css()原型似乎只适用于已知的 CSS 属性。

这是上述 CSS 变量的示例 CSS。

我正在学习新的 css-variables语法，我想知道为什么我们需要var在变量周围放置语句：

据我所知，当您按原样放置变量时不会有任何歧义

为什么第二个选项不起作用？我真的很想使用它，因为它看起来更干净，尤其是使用calc.

升级版。这更多是一个问题，为什么要开发当前的设计。例如，LESS 和 SASS 允许您放置不带var(). 所以我想听听权衡，这导致 CSS 使用var().

在公共资源中找不到有关此提案的任何讨论。任何链接也将不胜感激。

有没有办法从 javascript 访问 css 变量？这是我的css变量声明。

我是否误解了 CSS 变量的功能？我正在尝试将背景图像 url 传递给这样的变量：当我传递一些简单的东西（如颜色等）时，它似乎工作正常......