TEL:400-8793-956
当前位置:程序、服务器

Sass基础问题

提问者: 近期获赞: 浏览人数: 发布时间:2021-06-29 14:37:35

 问:我遇到了这个 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"); } /* 这一行是正确的 */
 }
上一篇: 测试用户和帖子的投票的错误
下一篇: TreeHouse 应用程序无法进入下一个问题