asp.net webformsでLESSファイルを参照するには？

私はasp.net webforms C＃プロジェクトに取り組んでいます。私はLESSファイルを作成し、コンパイルしました。 CSSの一部としてaspxファイルのheadセクションで使用すると、LESSファイルのクラスが認識されません。私は "（プロパティ）：（値）"宣言 "メッセージのコロン（:)の前に不在のプロパティ名が表示されます。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 { 
}

私のaspxファイル

<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

LESSファイルを.cssファイルにコンパイルしてから参照するのではないですか？編集：私は間違っていない、公式[サイト]（http://lesscss.org/）それは実際にコンパイルされていると述べている –

EDIT：OPさんのコメントの後、ここに私の答えは次のとおりです。

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

この構文が無効です。私は.split-into-twoクラスをすべてul要素に入れようとしたと思いますが、divに入れ子になっていますが、あなたはそれを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に手動でクラスを適用する必要があるのいずれか、この結果を得るために、JavaScriptコードから、またはあなたの以下のファイルを変更することを行うために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、クラスをUL要素に追加するためにjQueryコードを追加しました。まだTreeviewStyle.cssでは動作しません。しかし、aspxページ内のすべてのCSS値を.split-into-twoに追加すると動作します。ありがとう – Massey

asp.net webformsでLESSファイルを参照するには？

答えて

関連する問題