SASS @for - Сквозь и Кому

Question

Я довольно новичок в SASS, и мне трудно понять разницу между двумя утверждениями:

@for $i from 1 through 3

против

@for $i from 1 to 3

Answer 1

Здесь вы можете прочитать разницу: https://sass -lang.com / документация / at-rules / control / для

[...] Если до используется, окончательный номер исключается;если используется - , он включается.

Затем, когда вы используете through:

@for $i from 1 through 3{
  div{
    content:$i;
  }
}

, вы создаете этот вывод:

div {
  content: 1;
}

div {
  content: 2;
}

div {
  content: 3;
}

Вместо этого, используя to:

@for $i from 1 to 3{
  div{
    content:$i;
  }
}

Вы создаете этот вывод:

div {
  content: 1;
}

div {
  content: 2;
}