LESS (css)가 변수를 인식하도록하려면 어떻게해야합니까?

Question

시간이 지남에 따라 변경 될 수있는 이미지가 몇 개 있습니다. 내가없는 내가 좋아하는 것

#branding{ background: url(../img/branding.jpg?v2); } 

적은 비용으로이 작업을 수행 할 수 있도록 : 나는 변경을 할 때, 나는 그들에게 버전 문자열 쿼리 변수를 추가 한 CSS 힘 업데이트를 확인하려면 이미지 참조를 모두 변경 :

@mediaVersion: 101; 
#branding{ background: url(../img/branding.jpg?v@mediaVersion); } 

그러나 Less.app는 해당 문자열에서 변수 @mediaVersion을 인식 할 수 및 서면으로 나뭇잎. 에 포장 해 보았습니다. 또한 (@mediaVersion)이지만 컴파일 할 때 오류가 발생합니다. 그 뒤에 세미콜론을 추가하려고했습니다.

어떻게 작동합니까?

Answer 1

이 시도 :

@mediaVersion: 101; 
#branding{ background: url("../img/branding.jpg?v@{mediaVersion}"); } 

http://lesscss.org/#-variables에서 섹션의 "문자열 보간은"이 작동한다는 것을 보여줍니다.