Селектор Immediate Child в LESS

Есть ли способ, чтобы LESS применил непосредственный дочерний селектор (>) в своем выводе?

В моем style.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>из a <tr>, вы можете использовать что-то вроде этого:

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

это помогает уменьшить количество объявлений классов, когда они не нужны.