---
id: 5a9d7286424fe3d0e10cad13
title: Attach a Fallback value to a CSS Variable
challengeType: 0
videoUrl: ''
localeTitle: Adjuntar un valor de reserva a una variable CSS
---
## Description
Cuando use su variable como un valor de propiedad CSS, puede adjuntar un valor de reserva al que su navegador volverá si la variable dada no es válida. Nota: este respaldo no se utiliza para aumentar la compatibilidad del navegador, y no funcionará en los navegadores IE. Más bien, se usa para que el navegador tenga un color para mostrar si no puede encontrar su variable. Así es como lo haces: fondo: var (- piel de pingüino, negro);
Esto establecerá el fondo en negro si su variable no se estableció. Tenga en cuenta que esto puede ser útil para la depuración.
## Instructions
Parece que hay un problema con las variables proporcionadas a las .penguin-top
y .penguin-bottom
. En lugar de corregir el error tipográfico, agregue un valor alternativo de black
a la propiedad de background
de las .penguin-top
y .penguin-bottom
.
## Tests
```yml
tests:
- text: Aplique el valor de reserva de black
a la propiedad de background
de la clase 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: Aplicar el valor de retorno de black
al background
propiedad del penguin-bottom
la clase.
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
```