1.0 KiB
1.0 KiB
id, title, challengeType, videoUrl, forumTopicId
| id | title | challengeType | videoUrl | forumTopicId |
|---|---|---|---|---|
| 5a9d725e424fe3d0e10cad10 | 使用 CSS 变量一次更改多个元素 | 0 | https://scrimba.com/c/c6bDECm | 301093 |
--description--
CSS 变量是一种仅更改一个值，来一次性更改多个 CSS 样式属性的强大方法。
按照下面指示的来做，我们只需要改变三个值，多个样式将会同时被修改。
--instructions--
在penguinclass 里，将black改为gray，gray改为white，yellow改为orange。
--hints--
penguin class 声明的--penguin-skin变量的值应为gray。
assert(
code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi)
);
penguin class 声明的--penguin-belly变量的值应为white。
assert(
code.match(/.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi)
);
penguin class 声明的--penguin-beak变量的值应为orange。
assert(
code.match(/.penguin\s*?{[\s\S]*--penguin-beak\s*?:\s*?orange\s*?;[\s\S]*}/gi)
);