LESSの即時子セレクター

とにかく、LESSの出力に直接の子セレクター（>）を適用させる方法はありますか？

私のスタイルでは、以下のようなものを書きたいです：

.panel {
    ...
    > .control {
        ...
    }
}

そしてLESSに次のようなものを生成させます：

.panel > .control { ... }

更新

実際、元の質問のコードは問題なく機能します。>子セレクターをそのまま使用できます。

答えが見つかりました。

.panel {
    ...
    >.control {
        ...
    }
}

">"と "。"の間にスペースがないことに注意してください。スペースがないと機能しません。

公式の方法：

.panel {
  & > .control {
    ...
  }
}

& 常に現在のセレクターを参照します。

http://lesscss.org/features/#features-overview-feature-nested-rulesを参照してください

正しい構文は次のとおりですが、「＆」の使用はここでは冗長になります。

.panel{
   > .control{
   }
}

少ないガイドラインによると、「＆」は祖先をパラメータ化するために使用されます（ただし、ここではそのような必要はありません）。で、このあまり例、＆：ホバーは不可欠オーバーです：ホバーそれ以外の場合は、構文エラーになります。ただし、ここで「＆」を使用するためのそのような構文要件はありません。そうしないと、基本的に親を参照しているため、すべてのネストには「＆」が必要になります。

より多くのセレクターをターゲットにする必要がある場合：

.parent {
    >.first-child,
    >.second-child,
    >.third-child {
    ...
    }
}

あなたは、このような第一として、最初の子要素をターゲットにしている場合はまた、<td>の<tr>、あなたはこのようなものを使用することができます：

tr {
    & > td:first-child {font-weight:bold;}
}

これにより、不要なクラス宣言を減らすことができます。