css - ここでLESSCSSフレームワークを機能させることができないのはなぜですか？

Question

http://jsfiddle.net/xfCE8/3/

私はCSSの動作を減らしようとしていますが、運が悪かったので、他の誰もこの問題を抱えていないので、かなり恥ずかしい思いをします。

Answer 1

googlecodeサイトから直接.lessファイルにリンクできるとは思いません。Firebugを開いた状態でjsfiddleを実行すると、エラーが表示されます。.lessファイルをロードするために行われたHTTPリクエストを見ると、次のことがわかります。

Response Headers
Content-Length  28464
Content-Type    text/x-c; charset=us-ascii
Content-Disposition attachment; filename="style.less"
Accept-Ranges   bytes
Date    Mon, 13 Dec 2010 09:11:05 GMT
Last-Modified   Mon, 13 Dec 2010 09:01:31 GMT
Expires Mon, 20 Dec 2010 09:11:05 GMT
Server  DFE/largefile
Cache-Control   public, max-age=604800
Age 452

Content-Dispositionは、URLに直接アクセスした場合に、ファイルを保存するように求めるプロンプトをブラウザーにトリガーします。.lessファイルをダウンロードしようとするコードも混乱していると思います。

ファイルをダウンロードして、.lessmimetypeの特別な処理がない別のサーバーに配置してみてください...

Answer 2

「リソースの管理」ローダーは、cssの拡張子が「.css」ではなく「.less」の場合、どのようなコンテンツであるかを理解していない可能性があります。

jsfiddleは、HTMLセクションにある参照を無視すると思います。すべての外部参照は、既知のフレームワークのリストの左側に追加するか、[リソースの管理]セクションのリンクとして追加する必要があります。これはセキュリティ上の理由だと思います...

Answer 3

まず、chromeでは、jsとcssでエラーが発生し、ロードできません。したがって、サーバー上で自分でホストする必要があります。apacheiniにアクセスできない場合、または.htaccessがわからない場合は、名前.lessをに変更することをお勧めします。.css

第二に、私は見つけることができません@brand-colorが、@brand_colorそれは異なります;）css全体はとにかくここで異なっているようです。

最後に、このcssフレームワークは、最初は適切ではないようです（多くのテストコメントなどは、私には完成していないようで、注意して使用します）。

Answer 4

このフレームワークはわかりませんが、ここには多すぎることがわかります。

<link rel="stylesheet/less" href="http://lesscsss.googlecode.com/files/style.less" type="text/css" />

そのはず

<link rel="stylesheet/less" href="http://lesscss.googlecode.com/files/style.less" type="text/css" />

編集：申し訳ありませんが、間違っていました。コード内の2つのリンクは異なりますが、そうである必要があります。最初のものはlesscssにリンクし、2番目のものはlesscsssにリンクし、両方とも正しいです。ごめんなさい。