Freecodecamp: Sass 挑战：使用@each 映射列表中的项目

创建于 2018-03-14 · 3评论 · 资料来源: freeCodeCamp/freeCodeCamp

挑战名称

使用@each映射列表中的项目

https://beta.freecodecamp.org/en/challenges/sass/use-each-to-map-over-items-in-a-list

问题描述

我的代码显然有效并在预览部分提供了正确的结果，但由于某种原因我没有
明白我没有通过挑战。

浏览器信息

浏览器名称，版本：Chrome 64.0.3282.186
操作系统：Windows 7
手机、台式机或平板电脑：

你的代码

<style type='text/sass'>
<strong i="27">@each</strong> $color in blue, black, red {
  .#{$color}-bg {background-color: $color}
}

  div {
    height: 200px;
    width: 200px;
  }
</style>

<div class="blue-bg"></div>
<div class="black-bg"></div>
<div class="red-bg"></div>

截屏

screenshot-2

help wanted learn

资料来源

GilTorch

👍1

最有用的评论

查看源代码，似乎测试缺少类选择器所需的.
请参阅下面的断言使用blue-bg并且应该是.blue-bg
"assert($('blue-bg').css('background-color') == 'rgb(0, 0, 255)', 'message: 你的.blue-bg类应该有一个background-color的蓝色。');",

这是第 318-320 行
freeCodeCamp/seed/challenges/03-front-end-libraries/sass.json

sjames1958gm 于 2018-03-14

👍3

所有3条评论

这是第 318-320 行
freeCodeCamp/seed/challenges/03-front-end-libraries/sass.json

sjames1958gm 于 2018-03-14

👍3

不知道有人会解决这个问题吗？

ghost 于 2018-03-15

@sjames1958gm 那里很不错！你有兴趣修复测试吗？
这是您应该参考的贡献指南，以及如果您需要帮助的贡献者聊天室。

huyenltnguyen 于 2018-03-24

此页面是否有帮助？

0 / 5 - 0 等级