---
id: 5a9d7286424fe3d0e10cad13
title: Attach a Fallback value to a CSS Variable
challengeType: 0
videoUrl: ''
localeTitle: Anexar um valor de fallback a uma variável CSS
---
## Description
Ao usar sua variável como um valor de propriedade CSS, você pode anexar um valor de fallback para o qual o navegador reverterá se a variável fornecida for inválida. Nota: Esse fallback não é usado para aumentar a compatibilidade do navegador e não funcionará nos navegadores IE. Em vez disso, ele é usado para que o navegador tenha uma cor para exibir se não puder encontrar sua variável. Veja como você faz isso: fundo: var (- pinguim-pele, preto);
Isso definirá o plano de fundo para preto se sua variável não foi definida. Observe que isso pode ser útil para depuração.
## Instructions
Parece que há um problema com as variáveis fornecidas para as .penguin-top
e .penguin-bottom
. Em vez de corrigir o erro de digitação, adicione um valor de fallback de black
à propriedade background
das .penguin-top
e .penguin-bottom
.
## Tests
```yml
tests:
- text: Aplique o valor de fallback de black
na propriedade background
da classe de 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: Aplique o valor de fallback de black
na propriedade background
da classe 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
```