19 如何在CSS中将颜色定义为变量? 我正在处理一个很长的CSS文件。我知道客户可以要求更改配色方案,并且想知道:是否可以将颜色分配给变量,以便我可以更改变量以将新颜色应用于使用该颜色的所有元素? 请注意,我不能使用PHP动态更改CSS文件。 216 css variables colors css-variables
10 如何将不透明度应用于CSS颜色变量? 我正在设计电子应用程序,因此可以访问CSS变量。我在中定义了一个颜色变量vars.css: :root { --color: #f0f0f0; } 我想在中使用此颜色main.css,但应用了一些不透明度: #element { background: (somehow use var(--color) at some opacity); } 我将如何去做?我没有使用任何预处理器,只有CSS。我希望使用全CSS的答案,但是我会接受JavaScript / jQuery。 我无法使用,opacity因为我使用的背景图像应该不透明。 144 css colors css-variables
7 CSS本机变量在媒体查询中不起作用 我正在尝试在媒体查询中使用CSS变量,但它不起作用。 :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint)) { } 140 css media-queries css-variables
2 有没有办法用url()内插CSS变量? 我想将背景URL存储在自定义属性(CSS变量)中,并将其与background属性一起使用。但是,在将字符串用作参数时,我找不到插值字符串的方法url()。 这是我的示例代码: :root { --url: "https://download.unsplash.com/photo-1420708392410-3c593b80d416"; } body { background: url(var(--url)); } 我知道可以使用插值函数在Sass或LESS中轻松完成此操作,但是我很好奇是否有一种无需任何预处理器即可完成此操作的方法。 73 css css-variables