Sass 有没有办法更优雅地表达这一点SCS？

我正在尝试将流行的七点菜单转换为SCS。我在很多项目中使用它，纯CSS版本是。。。笨手笨脚的在SCSS做这么大的事情让我意识到自己的缺点

将所有这些压缩到一个声明中的逻辑是什么？（为了简洁起见，我跳过了前面的定义）：

我一直在想，必须有一种方法来处理符号和选择器，以便只需指定一次填充

原稿是这样的：

#megaMenu ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a, #megaMenu ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator, #megaMenu ul li.menu-item.mega-with-sub > a, #megaMenu ul li.menu-item.mega-with-sub > span.um-anchoremulator, #megaMenu ul li.menu-item.ss-nav-menu-mega > a, #megaMenu ul li.menu-item.ss-nav-menu-mega > span.um-anchoremulator { padding-right:20px; }

---

在其中一个嵌套选择器中使用逗号如何：

#megaMenu {
  ul {
    li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub,
    li.menu-item.mega-with-sub,
    li.menu-item.ss-nav-menu-mega {
      > a, span.um-anchoremulator {
        padding-right: 20px;
      }
    }
  }
}

---

谢谢就像代码中的大多数事情一样，这应该是显而易见的。现在是了，因为我看到了你在那里做的事情。对于将来偶然发现这一点的人，请查看插件实际附带的更少的生成器。在这样一个小规模的特性上，将LESS转换为SCS是相当简单的，这比从外到内找出所有递归类要容易得多。

#megaMenu {
  ul {
    li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub,
    li.menu-item.mega-with-sub,
    li.menu-item.ss-nav-menu-mega {
      > a, span.um-anchoremulator {
        padding-right: 20px;
      }
    }
  }
}