SimpLESS의 중첩 된 앰퍼샌드

Question

SimpLESS으로 내 LESS를 컴파일 중이지만 & 조합자가 사용되는 방법과 관련된 버그가 있다고 생각합니다.

<div class="parent"> 
    <div class="child-1 child-2"> 
    Hello 
    </div> 
</div> 

그리고 기본적인 적은 코드 :

.child-1 { 
    color: red; 
    .parent & { 
    color: yellow; 
    &.child-2 { 
     color: blue; 
    } 
    } 
} 

예상 CSS 출력 : SimpLESS에서

.child-1 { 
    color: red; 
} 
.parent .child-1 { 
    color: yellow; 
} 
.parent .child-1.child-2 { 
    color: blue; 
} 

실제 출력 :

.child-1 { 
    color: red; 
} 
.parent .child-1 { 
    color: yellow; 
} 
.parent .child-1 .child-2 { // extra space between .child-1 and .child-2 
    color: blue; 
} 

당신이 할 수 여기에 마크 업입니다 보세요, 헬리콥터의 차이입니다. lo "는 노란색 또는 파란색입니다. 정확한 LESS 컴파일은 어느 것입니까? 심플리스가 왜 이런 잘못을 저질렀습니까?

Answer 1

올바른 출력은

.child-1 { 
    color: red; 
} 
.parent .child-1 { 
    color: yellow; 
} 
.parent .child-1.child-2 { 
    color: blue; 
} 

그래서 당신이 바로 당신이 기대에 있습니다입니다. http://less2css.org/을 방문했는지 다시 한 번 확인할 수 있습니다.이 사이트는 http://lesscss.org/에서 '지금 사용해보기'에 링크 된 사이트입니다.

아마도 SimpLESS 파서에서 버그를 발견했을 것입니다.