css - 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;
  }
}