Как можно вложить в LessCSS только один уровень?

Question

я пытаюсь сделать

li > a

с вложенностью LessCSS. Возможно ли это?

Сначала я подумал, может быть, что-то вроде

li {
    > a {  }
}

Но это не сработало. Есть идеи?

Answer 1

Похоже, что должно работать, но попробуйте добавить & непосредственно перед комбинатором:

li {
    & > a {  }
}

Веб-сайт LESS не работаетупомяните использование & при вложении селекторов с другими комбинаторами, но опять же документация там не лучшая, какую я видел.

Answer 2

Сайт LESS CSS не упоминает эти вещи, что довольно запутанно. Но на самом деле все виды селекторов работают (даже без знака & ). Вы можете ввести любой из селекторов CSS, и они будут правильно скомпилированы:

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

Вам нужен знак & при написании правил для псевдо-классов / элементов:

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

Вы уверены, что это не работает? Вы используете последнюю версию LESS?