如何在LessCSS中只嵌套一层深度？

Question

我正在尝试

li > a

使用LessCSS嵌套。这可能吗？

我最初想的可能是

li {
    > a {  }
}

但是这没用。有什么想法吗？

Answer 1

看起来应该有效，但尝试在组合器之前添加&：

li {
    & > a {  }
}

LESS web site没有提到在将选择器与其他组合器嵌套时使用&，但那时的文档并不是我见过的最好的。

Answer 2

LESS CSS网站没有提到这些令人困惑的事情。但是各种选择器实际上都可以工作（即使没有＆amp; 符号）。您可以键入任何CSS选择器，它们将正确编译：

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

在为psedudo-classes / elements编写规则时，您需要＆amp; 符号：

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

你确定它不起作用吗？您使用的是最新版本的LESS吗？