2

LessCSS（バージョン1.0.41）をBlueprintと統合しようとしていますが、lessスタイルシートにcssファイルをインポートできないようです。だから私はもっと簡単なインポートを試しました：

.red { color: red; }

それをtest.cssに入れます。次に、less_test.cssで：

@import "test.css":

.test { .red; background-color: pink; }

しかし、LessCSSは、.redが定義されていないと文句を言います。私は何が欠けていますか？test.lessでtest.cssの名前を変更すると（そして「test」としてインポートすると）、すべてが正常に実行されます。しかし、ブループリントファイルの拡張子を変更して、screen.less、print.less、ie.lessとして使用しても安全でしょうか？

4

2 に答える 2

3

CSSの拡張機能として、LESSはCSSとの下位互換性があるだけでなく、追加される追加機能は既存のCSS構文を使用します。[1]

つまり、有効なCSSファイルはすべて有効なLESSファイルでもあるため、.cssファイルの名前を安全に変更でき.less、問題は発生しません。

[1] http://lesscss.org/#docs

于 2011-03-24T10:34:49.360 に答える
0

過去にも同じ問題がありました。それは簡単な修正であることが判明しました。

@importを使用してBlueprintCSSscreen.cssファイルを読み込もうとしていましたが、screen.cssファイルにインラインコメントを1つ作成し、その間に/**/を中括弧で囲んでいました。

悪いコード：

.class { margin-top: 12px /*24px*/; }

中括弧内のコメントにより、LessCSSコンパイラが異常終了し、ファイルの処理が停止することが判明しました。ミックスインとして使用する他の必要なセレクターを除外します。

インポートしているファイルがエラーを引き起こしていて、コンパイルが完了していないかどうかを確認します。

于 2011-04-23T14:09:10.393 に答える