dotless를 사용하는 동적 CSS

Question

저는 less.js에 초보자입니다. 서버 측에서 컴파일 할 때 동적 CSS에 사용하고 싶습니다. 문제는 내가 데이터베이스에서 오는 서버 측 변수를 변경하고 싶습니다. 예를 들어 헤더에 @foo라는 변수 이름으로 변경된 헤더가 있습니다. 서버 측에서 @foo를 변경할 수 있습니다. 데이터베이스에 가능 얼마나 저를 도와주세요보다 네 경우

#header { 
    color: @foo; 
} 

가게되는 값을 지정합니다. 미리 감사드립니다.

Answer 1

페이지에서 직접 적은 파일을 참조하는 경우 쿼리 문자열을 통해 매개 변수를 전달할 수 있습니다. 이런 식으로 적은 파일에 데이터베이스 값을 전달할 수 있습니다.

예

<link rel="stylesheet" href="styles.less?foo=red" /> 

출력

#header { 
    color: red; 
}