asp.net webforms에서 LESS 파일을 참조하는 방법은 무엇입니까?

asp.net webforms C# 프로젝트에서 일하고 있습니다. 나는 less 파일을 만들고 컴파일했다. CSS의 일부로 aspx 파일 헤드 섹션에서 사용할 때 덜 파일의 클래스가 인식되지 않습니다. "(속성) :(값)"선언 "메시지에서 콜론 (:) 앞에 속성 이름이 없습니다.asp.net webforms에서 LESS 파일을 참조하는 방법은 무엇입니까?

내 LESS 파일, TreeviewStyle.less :

split-into-two{ 
    -webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2; 
    -webkit-column-gap: 50px; 
    column-gap: 50px; 
    -moz-column-gap: 50px; 
} 

body { 
}

내 영문 파일은

<head runat="server"> 
<title></title> 

<link href="TreeviewStyle.css" rel="stylesheet" /> 
<style type="text/css"> 

    div > ul { 
     .split-into-two; 
    } 
</style> 
</head>

출처

2016-10-10 Massey

덜 파일이 .css 파일로 컴파일 된 다음 참조하지 않았습니까? 편집 : 내가 잘못 아니었다 공식 [사이트] (http://lesscss.org/) 그것이 실제로 컴파일 된 것입니다 –

편집는 :

div > ul { 
    .split-into-two; 
}

이 : OP의 코멘트 후, 여기에 내 대답이다 구문이 유효하지 않습니다. 나는 div에 중첩 된 모든 ul 요소에 .split-into-two 클래스를 설정하려고 시도했지만 CSS를 통해이를 수행 할 수는 없다고 생각합니다.

div > ul, .split-into-two{ 
    -webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2; 
    -webkit-column-gap: 50px; 
    column-gap: 50px; 
    -moz-column-gap: 50px; 
}

이전 유지 : 당신은 템플릿의 모든 ul에 수동으로 클래스를 적용해야 하나,이 결과를 얻기 위해 자바 스크립트 코드에서, 또는 적은 파일을 수정하는 것이 할 jQuery를 (또는 무언가) 비슷한을 사용 일관성을 위해 부분 :

.less 파일 을 직접 참조 할 수 없습니다..

<link href="TreeviewStyle.css" rel="stylesheet" />

Here가 있습니다 : 컴파일 된 CSS 파일을 포함하는 다음, 당신이 당신의 .apsx 파일을 변경

$ lessc TreeviewStyle.less TreeviewStyle.css

첫째, lessc 명령 줄 도구를 사용하여 컴파일해야 출처. 다음 번에 좀 더 철저한 조사를하십시오.

출처

2016-10-10 20:00:43

사실 내가 이미 TreeviewStyle.css로 컴파일하고 당신이 설명했듯이 그것을 언급했다. 실수로 잘못된 코드를 게시했습니다. 여전히 동일한 오류가 발생했습니다. – Massey

오케이, 내 대답을 수정했습니다. 지금보십시오. –

안녕하세요 Jakub, jQuery 코드를 추가하여 클래스를 UL 요소에 추가했습니다. 여전히 TreeviewStyle.css에서는 작동하지 않습니다. 그러나 aspx 페이지 내의 모든 CSS 값을 .split-into-two로 추가하면 작동합니다. 감사합니다 – Massey

asp.net webforms에서 LESS 파일을 참조하는 방법은 무엇입니까?

답변

관련 문제