Question

根据MDN，var函数接受多个回退。但我无法让他们工作。

我在Chrome，Firefox和Safari上尝试了以下代码。 background-color .demo3对所有上述浏览器都是透明的。

这是代码错误，还是因为浏览器没有实现变量回退？

＆＃13;

:root {
  --my-var: red;
}

.demo1 {
  background-color: var(--my-var);
}

.demo2 {
  background-color: var(--my-background, pink);
}

.demo3 {
  background-color: var(--my-background, --my-var, pink);
}

＆＃13;

<div class="demo1">No fallback</div>

<div class="demo2">Single fallback</div>

<div class="demo3">Multiple fallbacks</div>

＆＃13;

Answer 1

对于多个后备，请尝试：<script src="/js/app.js"></script>

CSS变量 - 多个回退无法正常工作

1 个答案: