LessCSSではどのように1つのレベルだけをネストしますか？

Question

私はLessCSSネスティングと

li > a 

をやろうとしています。これは可能ですか？

私は当初、多分

li { 
    > a { } 
} 

のようなものを考えた。しかし、これは動作しませんでした。何か案は？

Answer 1

そのが仕事をする必要がありますが、ちょうどコンビネータ前&を追加してみてくださいように見えます：

li { 
    & > a { } 
} 

LESS web siteが再び他のコンビネータとセレクタを入れ子にするとき&の使用に言及しないが、私が見た最高のものではないドキュメンテーションです。

Answer 2

LESS CSSのウェブサイトには、これらのことが全くわかりません。しかしセレクタのすべての種類が実際に働いています（&記号なしでも）。あなたは、CSSセレクタのいずれかを入力することができ、それらは正常にコンパイルされます：

p { 
    > a { } 
    + .class { } 
    ~ #named { } 
} 

psedudo-クラス/要素のルールを書くときにあなたが&記号が必要：

a { 
    &:hover { } 
    &:last-child { } 
    &::before { } 
} 

は、それはありませんあなたは確かにありますワーキング？ LESSの最新バージョンを使用していますか？