Arahan @each dalam SASS
Untuk menggunakan gaya
kepada senarai objek, kita gunakan
arahan @each. Ia ditulis
seperti berikut:
@each $var (pembolehubah) in (senarai nilai)
Intipati kerja arahan ini adalah
ia menetapkan setiap nilai
dari senarai kepada pembolehubah $var,
kemudian mengeluarkannya dalam setiap gaya.
Mari kita lihat contoh:
@each $picture in winter, spring, summer, autumn {
img .#{$picture} {
background-image: url('/images/#{$picture}.jpg');
}
}
Hasil kompilasi:
img .spring {
background-image: url("/images/spring.jpg");
}
img .summer {
background-image: url("/images/summer.jpg");
}
img .autumn {
background-image: url("/images/autumn.jpg");
}
Terangkan, apakah hasil kompilasi bagi kod berikut:
@each $link in menu, navbar, footer {
link .#{$link} {
color:red;
}
}
