我将如何在freecodecamp.org上解决此问题？ -CSS相关

Question

.red-box 规则应包括一个 fallback ，其中background设置为red，紧接在现有{{1} } 声明。

这是预先生成的代码：

background

:root {
  --red-color: red;
}

.red-box {
  background: var(--red-color);
  height: 200px;
  width: 200px;
}

Answer 1

我相信他们正在寻找的是您将background: red;之前的background: var(--red-color);设为background: red;，以便使用:root { --red-color: red; } .red-box { background: red; background: var(--red-color); height: 200px; width: 200px; }。

<div class="red-box"></div>

for

Answer 2

只要把背景弄清楚。

root {
  --red-color: red;
}

.red-box {
  background: red;
  background: var(--red-color);
  height: 200px;
  width: 200px;
}