---
id: 5a9d7286424fe3d0e10cad13
title: Attach a Fallback value to a CSS Variable
challengeType: 0
videoUrl: ''
localeTitle: Прикрепите значение возврата к переменной CSS
---
## Description
При использовании переменной в качестве значения свойства CSS вы можете добавить резервное значение, которое ваш браузер вернет, если данная переменная недействительна. Примечание. Этот резерв не используется для повышения совместимости браузера, и он не будет работать в браузерах IE. Скорее, он используется, чтобы браузер отображал цвет, если он не может найти вашу переменную. Вот как вы это делаете: фон: var (- пингвин-кожа, черный);
Это установит фон в черный, если ваша переменная не была установлена. Обратите внимание, что это может быть полезно для отладки.
## Instructions
Похоже, что существует проблема с переменными, .penguin-top
в .penguin-top
и .penguin-bottom
. Вместо того, чтобы исправить опечатку, добавьте запасное значение black
в свойство background
.penguin-top
и .penguin-bottom
.
## Tests
```yml
tests:
- text: Примените запасное значение black
к свойству background
класса penguin-top
.
testString: 'assert(code.match(/.penguin-top\s*?{[\s\S]*background\s*?:\s*?var\(\s*?--pengiun-skin\s*?,\s*?black\s*?\)\s*?;[\s\S]*}[\s\S]*.penguin-bottom\s{/gi), "Apply the fallback value of black
to the background
property of the penguin-top
class.");'
- text: Примените запасное значение black
к свойству background
класса penguin-bottom
.
testString: 'assert(code.match(/.penguin-bottom\s*?{[\s\S]*background\s*?:\s*?var\(\s*?--pengiun-skin\s*?,\s*?black\s*?\)\s*?;[\s\S]*}/gi), "Apply the fallback value of black
to the background
property of the penguin-bottom
class.");'
```
## Challenge Seed
## Solution
```js
// solution required
```