Sass 分组SCSS选择器

我正在尝试使用SCSS实现以下结果。我可以用CSS来做这件事

.header__top-nav,
.header__main-nav {
    display: flex;
}

我曾尝试使用以下代码（下面的示例），但它不起作用。请有人帮我找到解决办法

.header {
   &__top-nav,
   &__main-nav {
     display: flex;
   }
}

---

对我来说很好。请描述一下你这边到底出了什么问题。你得到了什么结果？您使用的是什么SCSS编译器？