css - scss - 启动部分命名的类

Question

我想知道是否可以有一个部分完成的类名，然后我可以填写一些内容，例如

.theme-color-* {
  happy {
    color: yellow
  }
  angry {
    color: red
  }
  sad {
    color: blue
  }
}

当然，这代表.theme-color-happy, .theme-color-angry, .theme-color-sad

Answer 1

是的，你可以这样做，但你必须使用 & :

.theme-color- {
  &happy {
    color: yellow
  }
  &angry {
    color: red
  }
  &sad {
    color: blue
  }
}