SASS每个功能都不起作用

时间:2015-02-10 10:43:56

标签: css sass compass-sass

我正在尝试这个但是我在编译时遇到错误我不知道为什么而且我是sass的新手。

  

错误:“width:#{$ i}%”之后的CSS无效:期望的表达式   (例如1px,粗体),是“;”


$list:  5 10 13 15 18 20 25 30 40 50 60 65 70 75 78 80 90 97 100;
@each $i in $list {
  .width#{$i} {
    width: #{$i}%;
  }
}

1 个答案:

答案 0 :(得分:1)

只需使用percentage功能

即可
width: percentage($i/100);