css - SASS 改变嵌套元素类命名风格

Question

我想将 SMACSS 命名系统与 SASS 一起使用。期望以下 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;
}