配列の数を取得

配列の数を取得するには、length()関数を使用します。

構文

							length(配列名);

サンプルコード

【SCSS】

$list:apple, orange, pineapple;
 
@for $i from 1 through length($list) {
    .global-navigation li.#{nth($list, $i)} {
        left:100% * $i;
    }
}

【コンパイル後：CSS】

.global-navigation li.apple {
    left:100%;
}
 
.global-navigation li.orange {
    left:200%;
}
 
.global-navigation li.pineapple {
    left:300%;
}

SASS・SCSS逆引きリファレンス一覧へ戻る