1.混合
@mixin common {
fosnt-size: 12px;
color: #333;
}
.tip{
@include common
}
2.继承
.common{
fosnt-size: 12px;
color: #333;
}
.tip{
@extend .common;
}
3.抽象类
%common{
fosnt-size: 12px;
color: #333;
}
.tip{
@extend %common;
}
scss样式复用
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 对应课程第11课，面向可复用性和可维护性的设计模式 这节课主要介绍了三种类型的设计模式 1.Creational ...
- 上一篇详述了Sass如何嵌套、导入和注释这3个基本方式来保持条理性和可读性，这一篇更进一步地阐述sass保持样式复...
- 一句话描述设计模式（名字和意图） 抽象工厂：提供一个创建一系列相关或相互依赖对象的接口，而无需指定他们具体的类。 ...
- 抽象的威力 从小老师就耳提面命：要看透问题的表象看本质。起初不解，随着干Coder时间长了，愈发察觉要想偷懒就得去...
