---
id: 5a9d725e424fe3d0e10cad10
title: Use CSS Variables to change several elements at once
challengeType: 0
videoUrl: ''
localeTitle: ''
---
## Description
تعد متغيرات CSS طريقة فعالة لتغيير العديد من خصائص أنماط CSS مرة واحدة عن طريق تغيير قيمة واحدة فقط. اتبع الإرشادات أدناه لمعرفة كيف يمكن لتغيير ثلاث قيم فقط تغيير تصميم العديد من العناصر.
## Instructions
undefined
## 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: ''
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
```