Less.js: : 첫 번째 자식 의사 클래스가 확장과 함께 작동하지 않습니다.

결과를 확인할 수 없습니다: 데모 .
SO에 대한 귀하의 질문에서 귀하가 gulp-less 하고 있음을 알 수 있지만 이와 같은 버그가 있는 Less 버전(1.4.x부터 시작)을 실제로 기억할 수 없기 때문에 아마도 일종의 "최근에 덜하거나 꿀꺽꿀꺽 마시지 않는 버전" 문제입니다. 따라서 질문은 다음과 같습니다. 이 스니펫이 문제를 겪고 있는 _is_인지(더 복잡한 문제일 수 있습니까?) 그리고/또는 방해할 수 있는 다른 gulp 작업이 될 수 있습니까?

아마도 꿀꺽꿀꺽 하는 작업일 것입니다. 내일이나 다음주 초에 살펴보도록 하겠습니다. 감사 해요.

어쩌면 이것이 도움

비활성으로 인한 폐쇄 (어쨌든 덜 문제가 아닌 것 같습니다).

@seven-phases-max 위에 제공된 코드가 이 문제를 정확하게 재현한다고 생각

더 적은

.col {
  float: left;

  &:last-child {
    margin-right: 0;
  }
  &:first-child {
    margin-left: 0;
  }
}

.generate-columns(<strong i="9">@n</strong>, <strong i="10">@i</strong>: 1) when (<strong i="11">@i</strong> =< @n) {
  .col-@{i}:extend(.col) {
    margin-left: (@i)px;
  }

  .generate-columns(<strong i="12">@n</strong>, (<strong i="13">@i</strong> + 1));
}

.generate-columns(2);

생성된 CSS

.col,
.col-1,
.col-2 {
  float: left;
}
.col:last-child {
  margin-right: 0;
}
.col:first-child {
  margin-left: 0;
}
.col-1 {
  margin-left: 1 px;
}
.col-2 {
  margin-left: 2 px;
}

예상 CSS:

.col,
.col-1,
.col-2 {
  float: left;
}
.col:last-child {
  margin-right: 0;
}
.col:first-child {
  margin-left: 0;
}
.col-1 {
  margin-left: 1 px;
}
.col-1:last-child {
  margin-right: 0;
}
.col-1:first-child {
  margin-left: 0;
}
.col-2 {
  margin-left: 2 px;
}
.col-2:last-child {
  margin-right: 0;
}
.col-2:first-child {
  margin-left: 0;
}

누락된 부분

.col-1:last-child {
  margin-right: 0;
}
.col-1:first-child {
  margin-left: 0;
}
.col-2:last-child {
  margin-right: 0;
}
.col-2:first-child {
  margin-left: 0;
}

@ivan-nikitovic 아니요, extend 와 extend all 의 차이점을 보십시오.

@seven-phases-max 이것은 의미가 있습니다. :-) 참고해주셔서 감사합니다.