---
id: 5a9d725e424fe3d0e10cad10
title: Use CSS Variables to change several elements at once
challengeType: 0
videoUrl: ''
localeTitle: Use as variáveis CSS para alterar vários elementos de uma só vez
---
## Description
Variáveis CSS são uma maneira poderosa de alterar várias propriedades de estilo CSS de uma só vez, alterando apenas um valor. Siga as instruções abaixo para ver como a alteração de apenas três valores pode alterar o estilo de muitos elementos.
## Instructions
Na classe penguin
, altere o valor de black
para gray
, o valor de gray
para white
e o valor yellow
para orange
.
## Tests
```yml
tests:
- text: penguin
classe penguin
deve declarar a variável --penguin-skin
e atribuí-la 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
classe penguin
deve declarar a variável --penguin-belly
e atribuí-la ao 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
classe penguin
deve declarar a variável --penguin-beak
e atribuí-la 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
```