Less.js与SCSS中的符号

我正要从SCSS切换到Less.js，但我找不到一个用于SCSS的功能

#nav {
  li a {
    color: maroon;

    body.admin & {background-color: #eee;}
  }
}

在这里，它表示定义了

body.admin

上下文中的

#nav li a

将具有灰色背景

#nav {
  &>li {
     ...
  }
}

对应于

#nav>li{…}

---

用更少的.js是不可能的？

我认为你不能用更少的代码做

body.admin&

的事情。可能不是坏事，因为它让人困惑

有关

（子选择器），请参阅：

请参见：（将CSS格式更改为“Less”，然后按“Run”）

就这么简单：

.A {
    > .B {
        width: 50px;
    }
}

是的，这是&的用法

如果将示例输入以下内容，则可以看到：

减少投入：

#nav {
  li a {
    color: maroon;

    body.admin & {background-color: #eee;}
  }
}

CSS输出：

#nav li a {
  color: maroon;
}
body.admin #nav li a {
  background-color: #eee;
}

---

我认为你不能用更少的钱做

body.admin&

这件事。可能不是坏事，因为它让人困惑。有关

，请参阅：如果您将此作为答案发布，我将接受。