篇首语:本文由编程笔记#小编为大家整理,主要介绍了scss 为每个人相关的知识,希望对你有一定的参考价值。
Me saame korraga mitmele elemendile anda ühed muudatused kasutades sellks massiivi nime väärtuste paaridega
$btn-colors: ( btn-normal: #07a0c3,
btn-ghost: #d8f8fe,
btn-awesome: #f17f65);
ja kasutades loopi.
Antud juhul on võtame me massiivis btn-colors muutuja nime ja selle väärtuse ning igale esemele saame me anda vastava väärtuse või parameetri.
Ntks siin me igale värvi nimega sama klassi kandvale elemendile taustavärvi, mille väärtus oli massiivis antud
@each $name,
$color in $btn-colors {
.#{$name} {
background: $color;
}
}