css中@for$i through是什么意思

html-css012

css中@for$i through是什么意思,第1张

这个是Sass控制命令,控制css的循环,例如

$class-slug: for !default

@for $i from 1 through 4 {

    .#{$class-slug}-#{$i}{

        width: 60px + $i

    }

}

最后得到的结果就是

.for-1 {

  width: 61px }

.for-2 {

  width: 62px }

.for-3 {

  width: 63px }

.for-4 {

  width: 64px }

sass的控制命令还有@if @each和@while,你可以看看sass这块的东西           

在echo 前加个计数变量,并通过判断计数的大小来决定是否显示。

示例:

$i =0

foreach ($array as $as =>$val)

{

$i=i++

if i>0 {

echo $val

}

}