与LESS相比，Stylus中的DRY原理

Question

假设我们在LESS中有以下内容：

.large-heading {
   font-family:Helvetica, Arial, sans-serif;
   font-weight:bold;
   font-size:24px;
   text-transform:uppercase;
   line-height:1.2em;
   color:#ccc;
}
.med-heading {
   .large-heading;
   font-size:18px;
}

完美有效。我希望具有相同的效果，不要使用触控笔将拳头的属性重复到秒。我怎样才能做到这一点？我{4}}以前在Stylus上，它不起作用。

Answer 1

我猜您正在寻找this

这是一个简单的例子

.a
  color: red

.b
  width: 100px

.c
  @extend .a, .b
  height: 200px

输出

.a,
.c {
  color: #f00;
}
.b,
.c {
  width: 100px;
}
.c {
  height: 200px;
}