我将如何在 freecodecamp.org 上解决这个问题？ - css 相关

Question

.red-box规则应包含回退，background 设置为 red紧接在现有 background 声明 .

之前

这里是预先生成的代码:

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

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

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

Answer 1

我相信他们正在寻找的是让您在 background: var(--red-color); 之前立即设置 background: red;，这样如果后者失败，将使用 background: red;。

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

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

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

Answer 2

只是把背景放出来。

root {
  --red-color: red;
}

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

How would I go about solving this problem on freecodecamp.org? - css related