如何在 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 吗？