색상 값을 빼는 중 CSS 컴파일 오류가 발생했습니다.

Question

lessc my.less my.css를 실행하고 있습니다.

코드 :

@background: #343434; 

input[type='text'] { 
    border: 1px solid (@background-#222); 
} 

이 오류 그러나

NameError: variable @background- is undefined in ...

,

input[type='text'] { 
    border: 1px solid (@background+#222); 
} 

이 작동을 제공하는 실패합니다.

BOM에 대해 읽었습니다. 그렇지 않습니다. 나는 더 적은 컴파일러가 최신 nodejs와 함께 설치되었는지 확인했다. 나는 또한 # 222222 시도했다. 아이디어가 부족합니다.

Answer 1

-은 식별자의 일부일 수 있습니다. 이것이 변수 @background-을 찾을 수 없다는 이유입니다. 반면에 +은 식별자의 일부가 아니므로 변수가 @background임을 알지 못합니다. 그냥 작동시키기 위해 공간을 삽입해야합니다 :

input[type='text'] { 
    border: 1px solid (@background -#222); 
}