Css SASS更改嵌套元素类命名样式

我想在SASS中使用SMACSS命名系统。 应包含以下SASS代码：

nav
  ul
    margin: 0
    padding: 0
    list-style: none

作为输出，我将得到

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

但根据SMACSS方法，类命名应如下所示：

nav-ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

nav
  &-ul
    margin: 0
    padding: 0
    list-style: none

---

您可以建议如何更改SASS中的类命名样式以实现此目标吗？

您可以这样编写：

nav-ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

nav
  &-ul
    margin: 0
    padding: 0
    list-style: none

结果:

nav-ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

---

谢谢！很好！但有没有办法改变编译配置，用你们提供的东西来代替标准命名呢？遗憾的是，我不知道。但我认为使用这种语法并不总是有帮助的。例如，对于选择器，如

ul>li

。也许对SMACS有更深入了解的人可以提供一些信息。