---
id: 5a9d725e424fe3d0e10cad10
title: Use CSS Variables to change several elements at once
challengeType: 0
videoUrl: ''
localeTitle: Usa las variables CSS para cambiar varios elementos a la vez
---
## Description
Las Variables CSS son una forma poderosa de cambiar muchas propiedades de estilo CSS a la vez cambiando solo un valor. Siga las instrucciones a continuación para ver cómo cambiar solo tres valores puede cambiar el estilo de muchos elementos.
## Instructions
En la clase de penguin
, cambie el valor de black
a gray
, el valor de gray
a white
y el de yellow
a orange
.
## Tests
```yml
tests:
- text: penguin
clase penguin
debe declarar la variable --penguin-skin
y asignarla a gray
.
testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi), "penguin
class should declare the --penguin-skin
variable and assign it to gray
.");'
- text: penguin
clase penguin
debe declarar la variable --penguin-belly
y asignarla a white
.
testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi), "penguin
class should declare the --penguin-belly
variable and assign it to white
.");'
- text: penguin
clase penguin
debe declarar la variable --penguin-beak
y asignarla a orange
.
testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-beak\s*?:\s*?orange\s*?;[\s\S]*}/gi), "penguin
class should declare the --penguin-beak
variable and assign it to orange
.");'
```
## Challenge Seed
## Solution
```js
// solution required
```