Less.js 대 Amsersand 대 SCSS

Question

SCSS에서 Less.js로 전환하려고했으나 SCSS에서 사용했던 하나의 기능을 찾을 수 없습니다.

#nav { 
    li a { 
    color: maroon; 

    body.admin & {background-color: #eee;} 
    } 
} 

는 여기 그 body.admin의 맥락에서 #nav li a 회색 배경을 것이라고 정의했다.

#nav { 
    &>li { 
    ... 
    } 
} 

에 대응 #nav>li {...}에 해당합니다.

less.js에서는 이러한 기능을 사용할 수 없습니까?

Answer 1

덜 생각하면 body.admin & 할 수 있다고 생각하지 않습니다. 아마도 혼란 스럽기 때문에 아마 나쁜 것은 아닙니다.

> (아이 선택기)을 참조하십시오 Less.js - strong nested rules?이

참조 :http://tinkerbin.com/H3wUpFMj

를 ("이하"다음 "실행"을 누르십시오 CSS 형식을 변경) 그것은 간단합니다 그 이유는 다음과 같습니다.

.A { 
    > .B { 
     width: 50px; 
    } 
} 

Answer 2

예, &의 사용은 supported in LESS입니다. 당신이 http://less2css.org으로 예를 입력하면

이를 볼 수 있습니다

이하 입력 :

#nav { 
    li a { 
    color: maroon; 

    body.admin & {background-color: #eee;} 
    } 
} 

CSS 출력 : 난 당신이`몸을 할 수 있다고 생각하지 않습니다

#nav li a { 
    color: maroon; 
} 
body.admin #nav li a { 
    background-color: #eee; 
}