Questions tagged «css-variables»

19
如何在CSS中将颜色定义为变量?
我正在处理一个很长的CSS文件。我知道客户可以要求更改配色方案,并且想知道:是否可以将颜色分配给变量,以便我可以更改变量以将新颜色应用于使用该颜色的所有元素? 请注意,我不能使用PHP动态更改CSS文件。

10
如何将不透明度应用于CSS颜色变量?
我正在设计电子应用程序,因此可以访问CSS变量。我在中定义了一个颜色变量vars.css: :root { --color: #f0f0f0; } 我想在中使用此颜色main.css,但应用了一些不透明度: #element { background: (somehow use var(--color) at some opacity); } 我将如何去做?我没有使用任何预处理器,只有CSS。我希望使用全CSS的答案,但是我会接受JavaScript / jQuery。 我无法使用,opacity因为我使用的背景图像应该不透明。


2
有没有办法用url()内插CSS变量?
我想将背景URL存储在自定义属性(CSS变量)中,并将其与background属性一起使用。但是,在将字符串用作参数时,我找不到插值字符串的方法url()。 这是我的示例代码: :root { --url: "https://download.unsplash.com/photo-1420708392410-3c593b80d416"; } body { background: url(var(--url)); } 我知道可以使用插值函数在Sass或LESS中轻松完成此操作,但是我很好奇是否有一种无需任何预处理器即可完成此操作的方法。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.