Css SASS:仅为多级菜单的第一级设置样式?
我正在尝试学习SASS,我想使用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
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项{
就可以了。