Less.jsとSCSSのアンパサンド

Question

私はSCSSからLess.jsに切り替えようとしていましたが、SCSSで使用していた機能を見つけることができません。

#nav { 
    li a { 
    color: maroon; 

    body.admin & {background-color: #eee;} 
    } 
} 

は、ここではそれがbody.adminの文脈で#nav li aは灰色の背景を持つことを定義して言います。

#nav { 
    &>li { 
    ... 
    } 
} 

#nav>li {...}に対応する。

less.jsではこれらはできません。

Answer 1

body.admin &はLESSで行うことはできません。おそらく悪いことではない。混乱しているからだ。

>（子セレクタ）は、以下を参照してくださいLess.js - strong nested rules?は

を参照してください：http://tinkerbin.com/H3wUpFMj

を（ "少ない"、それから "ファイル名を指定して実行" を押すCSSフォーマットを変更）それは同じくらい簡単ですこのように：

.A { 
    > .B { 
     width: 50px; 
    } 
} 

Answer 2

はい、&のこの使用法はsupported in LESSです。

あなたがhttp://less2css.orgにあなたの例を入力する場合は、これを見ることができます：

LESS入力：

#nav { 
    li a { 
    color: maroon; 

    body.admin & {background-color: #eee;} 
    } 
} 

CSS出力：

#nav li a { 
    color: maroon; 
} 
body.admin #nav li a { 
    background-color: #eee; 
}