问:我遇到了这个 sass 基础代码挑战的问题:
向类添加背景图像。将 .png 附加到 $color 中存储的值以形成文件名。
索引.html
<!DOCTYPE HTML!>
< HTML >
<头部>
<标题>萨斯基础-代码挑战</标题> <链接的rel = “样式”类型= “文/ CSS” HREF = “页面的style.css” > <链接相对= "stylesheet" type = "text/css" href = "style.css" > </ head > < body > <div类= “包装”
>
< H1 >汉普顿的博客</ H1 > < UL ID = “菜单” > <礼> <一个HREF = “#” >首页</一> </李> <李> <一个HREF = “#” >关于汉普顿</一> </李> <李> <一个HREF = “#” >汉普顿”工的</一> </立
>
</ ul > < div class = "entry" > < h1 > 旧金山的美食</ h1 > < div class = "content" > < p >你知道我在旧金山最喜欢的餐厅是什么吗?答案是有很多很棒的餐厅,我无法选择一家。但值得一提的还有 Mr. Chow's、Live Sushi 和 Piccino。
<一个HREF = “/info.html” >阅读更多</一>
</ div >
</ div > < div class = "entry" > < h1 >伟大的音乐</ h1 > < div class = "content" > < p > 以下是我过去和现在最喜欢的一些乐队:Belle和塞巴斯蒂安、小精灵和傻朋克。听音乐可以让我在编程时集中注意力。
<一个HREF = “/info.html” >阅读更多</一> <
div >
</ div > </ div > </ body > </ html >
样式文件
/* 在下面写你的 SCSS 代码。*/
@mixin汽车( $make , $color ) { . #{ $make } {边框:1px纯黑色;背景图片:网址(“{$color#.png}” );} }
答:你打错了代码,atm 你有:
/* 在下面写你的 SCSS 代码。*/
@mixin 汽车 ($make, $color) {
.#{$make} {
边框:1px 纯黑色;
背景图片:url("{$color#.png}"); /* 这一行是错误的 */
}
}
您需要在此更改:
/* 在下面写你的 SCSS 代码。*/
@mixin cars($make, $color) {
.#{$make} {
边框:1px 纯黑色;
背景图片:url("#{$color}.png"); } /* 这一行是正确的 */
}