假设我们在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] 删除。
我来说两句