35 lines
799 B
Markdown
35 lines
799 B
Markdown
---
|
|
id: 5a9d726c424fe3d0e10cad11
|
|
title: 创建一个自定义的 CSS 变量
|
|
challengeType: 0
|
|
videoUrl: 'https://scrimba.com/c/cQd27Hr'
|
|
forumTopicId: 301086
|
|
---
|
|
|
|
# --description--
|
|
|
|
为创建一个 CSS 变量，你只需要在变量名前添加两个 `-`，并为其赋值即可，例子如下：
|
|
|
|
```css
|
|
--penguin-skin: gray;
|
|
```
|
|
|
|
这样就会创建一个 `--penguin-skin` 变量，它的值为 `gray`。 现在，其他元素可通过该变量来调用 `gray`。
|
|
|
|
# --instructions--
|
|
|
|
在 `penguin` class 里面，创建一个 `--penguin-skin` 变量，并将其值设置为 `gray`。
|
|
|
|
# --hints--
|
|
|
|
应在 `penguin` class 里声明 `--penguin-skin` 变量，且赋值为 `gray`。
|
|
|
|
```js
|
|
assert(
|
|
code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi)
|
|
);
|
|
```
|
|
|
|
# --solutions--
|
|
|