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

Question

我想在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;
}

您能否建议如何更改SASS中的班级命名风格以达到此目标？

Answer 1

你可以这样写：

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

结果：

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