---
id: 5a9d726c424fe3d0e10cad11
challengeType: 0
videoUrl: 'https://scrimba.com/c/cQd27Hr'
forumTopicId: 301086
title: 创建一个自定义的 CSS 变量
---
## Description
创建一个 CSS 变量,你只需要在变量名前添加两个破折号
,并为其赋值,例子如下:
```css
--penguin-skin: gray;
```
这样会创建一个--penguin-skin
变量并赋值为gray(灰色)
。
现在,其他元素可通过该变量来设置为gray(灰色)
。
## Instructions
在penguin
class 里面,创建一个--penguin-skin
变量,且赋值为gray(灰色)
。
## Tests
```yml
tests:
- text: 'penguin
class 里应声明--penguin-skin
变量,且赋值为gray
。'
testString: assert(code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi));
```
## Challenge Seed
## Solution
```js
// solution required
```