父选择器

使用&符号表示父类名。
例子1

  1. a {
  2. color: blue;
  3. &:hover {
  4. color: green;
  5. }
  6. }

例子2重复类名

.button {
  &-ok {
    background-image: url("ok.png");
  }
  &-cancel {
    background-image: url("cancel.png");
  }

  &-custom {
    background-image: url("custom.png");
  }
}