Css SASS:仅为多级菜单的第一级设置样式?

Css SASS:仅为多级菜单的第一级设置样式?,css,sass,Css,Sass,我正在尝试学习SASS,我想使用SASS设计我的多级菜单的第一级。假设这是标记: ul.menu li.menu-item ul.sub-menu li.menu-item 在CSS中,我可以使用 ul.menu > menu-item 但我不能让“>”在SASS上工作。还有别的办法吗 编辑: 忘了添加我正在使用&因此我尝试使用以下标记: .menu{ > &-item{ color: red; } } 要生成此css .menu

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

ul.menu
  li.menu-item
    ul.sub-menu
      li.menu-item
在CSS中,我可以使用

ul.menu > menu-item
但我不能让“>”在SASS上工作。还有别的办法吗

编辑:

忘了添加我正在使用&因此我尝试使用以下标记:

.menu{
  > &-item{
    color: red;
  }
}
要生成此css

.menu > .menu-item {
  color: red;
}
你的无礼应该是这样的

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

你试过这个了吗。菜单{&>。菜单项{}}?@TemaniAfif刚刚试过。样式消失了。我的样式仍然在{}中,因此它们没有消失,因为我使用了您的确切行。对不起,我忘记说没有空格{&>。菜单项{}我不确定您为什么需要&。只要
.menu{>.menu项{
就可以了。