继承(扩展)

使用@extend 继承某一选择器(包括与选择器相关的选择器的)所有样式

.alert {
  padding: 15px;
}

.alert a {
  color: red
}

.alert-info {
  @extend .alert;
  background: green;
}
.alert, .alert-info {
  padding: 15px;
}

.alert a, .alert-info a {
  color: red;
}

.alert-info {
  background: green;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • iOS类别(也叫分类):一般扩展本类的方法,可以添加属性,不能自动生成setter、getter方法;使用的是动态...
    楼船夜雪_WL阅读 248评论 0 0
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,620评论 0 7
  • 寫很短的詩 這不是我的風格 就像生活從不是在短暫中度過 卻經常在突然之間就發現已經失去了時光 以一個來不及的速度 ...
    卡伊之字阅读 152评论 0 0
  • 【幸福女孩 糖糖 一年级 坚持原创分享第334天 2018.8.6 星期一】 今天,我几乎一天都待在车上,路...
    何亚珂阅读 249评论 0 0
  • 最近在看Material Design的设计规范,顺便也熟悉下Android的版本历史。 Android 1.6 ...
    ILoveToysToys阅读 2,094评论 2 3