私は次のように少ないファイルで変数を使用します:
@base-color: #8156A3;
@base-color-darker: (@base-color - #111);
#searchForm{
border: 1px solid @base-color-darker;
}
lessファイルをcssファイルにコンパイルすると、変数は正しく機能しますが、lessファイルをページスタイルシートとして使用すると、変数は要素に影響を与えません。
これは私がless.jsとlessスタイルシートをリンクする方法です:
<script src="assets/js/less.min.js"></script>
<link rel="stylesheet" href="assets/less/main.less" />
何が間違っている可能性がありますか?
.lessスタイルシートを「stylesheet / less」に設定されたrelにリンクします。
<link rel="stylesheet/less" type="text/css" href="styles.less" />
しかし、あなたのコードは次のとおりです。
<link rel="stylesheet" href="assets/less/main.less" />
^^^^^^^^^^
そして:
スクリプトの前に必ずスタイルシートを含めてください。
...しかし、あなたはそれを逆にしています:
<script src="assets/js/less.min.js"></script>
<link rel="stylesheet" href="assets/less/main.less" />
要約すると:推測しないでください:)
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加