Each

2018-02-24 15:11 更新

@each?循環(huán)絕對是Sass提供的三個循環(huán)方式中最常用的。它提供了一個簡潔的 API 來迭代列表或 map。

@each $theme in $themes {
  .section-#{$theme} {
    background-color: map-get($colors, $theme);
  }
}

當(dāng)?shù)粋€ map 時,通常使用?$key?和?$value?作為變量名稱來確保一致性。

@each $key, $value in $map {
  .section-#{$key} {
    background-color: $value;
  }
}

同時遵守下述規(guī)則,確??勺x性:

  • each?前添加空行;
  • 除非下一行是右閉大括號(}),否則在所有右閉大括號(})后面添加新行。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號