手写笔中的DRY原理与LESS相比

阿夫拉姆(Avraam Mavridis)

假设我们在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;
}

完美地工作。我想具有相同的效果,不要使用手写笔将拳头的属性重复到第二个。我该如何实现?在Stylus上尝试了前一个,但它不起作用。

凯文公民

我猜你在找这个

这是一个简单的例子

.a
  color: red

.b
  width: 100px

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

哪个输出

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章