SASS：风格只有多级菜单的第一级？

Question

我正在尝试学习SASS，我想使用sass设置我的多级菜单的第一级。让我们说这是标记：

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

在CSS中，我可以使用

定位第一级

ul.menu > menu-item

但我无法制作“＆gt;”在SASS工作。还有另一种方法吗？

编辑：

忘了添加我正在使用＆amp;所以我尝试用这个标记：

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

Answer 1

生成此css

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

你的sass应该看起来像

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