---
id: 5a9d725e424fe3d0e10cad10
title: Use CSS Variables to change several elements at once
challengeType: 0
videoUrl: ''
localeTitle: Используйте переменные CSS для изменения сразу нескольких элементов
---
## Description
Переменные CSS - это мощный способ изменить сразу несколько свойств стиля CSS, изменив только одно значение. Следуйте инструкциям ниже, чтобы увидеть, как изменение только трех значений может изменить стиль многих элементов.
## Instructions
В классе penguin
измените значение black
на gray
, значение gray
на white
, а yellow
на orange
.
## Tests
```yml
tests:
- text: класс penguin
должен объявить переменную --penguin-skin
и назначить ее 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
должен объявить переменную --penguin-belly
и назначить ее 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
должен объявить переменную --penguin-beak
и присвоить ее 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
```