美文网首页
继承(扩展)

继承(扩展)

作者: 未vv | 来源:发表于2020-03-23 01:51 被阅读0次

    使用@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;
    }
    

    相关文章

      网友评论

          本文标题:继承(扩展)

          本文链接:https://www.haomeiwen.com/subject/kmjyxctx.html