如何在Sass中嵌套类？

Question

这就是我在LESS中所拥有的：

.light-hatching {
  background-image: url('./assets/bg-button-default.png');
  background-repeat: repeat;
  background-color: lighten(#f9f9f9, 2%);
}

.btn-default {
  .light-hatching;
}

请注意btn-default正在嵌套light-hatching。这在Sass中不起作用。 In the guide，他们说我可以完全像在LESS上那样进行嵌套，但它确实有效。

如何在Sass中实现相同的LESS示例？

Answer 1

我认为你要找的是@extend，它从另一个选择器（或占位符）导入样式。

.btn-default {
    @extend .light-hatching;
}