For

2018-02-24 15:11 更新

當(dāng)需要聚合偽類?:nth-*?的時(shí)候,使用?@for?循環(huán)很有用。除了這些使用場(chǎng)景,如果_必須_迭代最好還是使用?@each?循環(huán)。

@for $i from 1 through 10 {
  .foo:nth-of-type(#{$i}) {
    border-color: hsl($i * 36, 50%, 50%);
  }
}

要堅(jiān)持一貫的傳統(tǒng),始終使用?$i?作為變量名,除非有非常好的原因,否則永遠(yuǎn)不要使用?to?關(guān)鍵字:而是始終使用?through。許多開(kāi)發(fā)者甚至不知道 Sass 有這個(gè)變化;使用它可能會(huì)造成混亂。

最后,確保遵循規(guī)范以保持可讀性:

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)