SASS：仅设计多级菜单的第一级？

Question

我正在尝试学习 SASS，我想使用 sass 来设计我的多级菜单的第一级。假设这是标记：

ul.menu
  li.menu-item
    ul.sub-menu
      li.menu-item

在 CSS 中，我可以用

ul.menu > menu-item

但我不能让 ">" 在 SASS 上工作。有没有另一种方法可以做到这一点？

编辑：

忘了补充说我正在使用 & 所以我用这个标记尝试它：

.menu{
  > &-item{
    color: red;
  }
}

Answer 1

生成这个css

.menu > .menu-item {
  color: red;
}

你的 sass 应该是这样的

.menu {
  & > &-item {
    color: red;
  }
}