colors - 色の値を減算する際のCSSコンパイルエラーが少ない

Question

lesscmy.lessmy.cssを実行しています。

コード：

@background: #343434;

input[type='text'] { 
    border: 1px solid (@background-#222);
}

このエラーの提供に失敗します

NameError：変数@background-は..で未定義です。

でも、

input[type='text'] { 
    border: 1px solid (@background+#222);
}

動作します。

私はBOMについて読みましたが、そうではありません。また、lessコンパイラが最新のnodejsでインストールされていることも確認しました。＃222222も試してみました。アイデアから。

Answer 1

は-識別子の一部である可能性があります。これが、変数が見つからないことを示している理由です@background-。一方、+は識別子の一部ではないため、変数がであることがわかりません@background。スペースを挿入するだけで機能します。

input[type='text'] { 
    border: 1px solid (@background -#222);
}