css - ドットレスでは動かないシンプルなレスファイル

Question

次の less は、less.js では機能しますが、dotless では機能しません。それは本当ですか？

#my-btn > .silver {  
color: blue;  
}

&:hover, &.hover {
 #my-btn > .silver;
}

Answer 1

すでに回答が見つかりました: https://github.com/dotless/dotless/issues/144。それは私が推測する設計によるものです。

Answer 2

短い答え: はい、それは本当です。

Guffa のコメントへの回答&として、親セレクター ブロックに含まれていると仮定します。そうでない場合は、それが問題になる可能性があります。

それにもかかわらず、それがあなたの問題であるかどうかにかかわらず、私は LESS のコンパイラの違いに気付きました。私が気付いたことの 1 つは、一部のコンパイラでは複合セレクター文字列を mixin にすることを許可しているの#my-btn > .silverに対し (あなたの のように)、他のコンパイラーは mixin の単一のセレクターのみを許可しているように見えることです (#my-btn または .silverのように)。

どのコンパイラーがどのセレクターの組み合わせを許可しているかはわかりませんが、ドットレスではなく less.js で動作している場合は、おそらくそれが理由です。これが dotless のバグなのか、コンパイラの機能の違いなのかは、おそらく議論の問題です。