Question

我是SCSS的新手并尝试在SCSS下面写一个CSS代码，我已经得到了第一部分，但是我无法在任何地方找到任何帮助以了解如何完成剩下的工作，任何人都可以请救命？

$a:1;
@for $a from 1 through 6 {
    .item-#{$a} 
    {width: 3px * $a; }
}

到目前为止，这是我所拥有的宽度，但无法弄清楚其余部分，任何帮助将不胜感激谢谢

char

Answer 1

您可以使用简单的if-else作为填充和颜色：

convert transparent-img1.png transparent-img2.png transparent-img3.png -channel Alpha favicon.ico

这将为您提供您所追求的CSS：

@for $a from 1 through 6 {
  .par-#{$a} {
    width: 3px * $a;
    @if $a % 2 == 0 {
      color: #000;
      padding: 0 #{$a}px;
    } @else {
      color: #fff;
      padding: #{$a}px 0;
    }
  }
}

带有for循环的CSS到SCSS

1 个答案: