美文网首页
sass中的继承

sass中的继承

作者: 最爱喝龙井 | 来源:发表于2019-09-26 19:23 被阅读0次

    sass中的继承需要用到@extend这个关键字
    语法:@extend 需要继承的选择器

    例:
    style.scss文件

    body {
        padding: 15px;
    }
    body a {
        font-weight: 600;
    }
    div {
        @extend body;
        color: #ccc;
    }
    

    *编译之后的style.css文件

    body, div {
      padding: 15px;
    }
    
    body a, div a {
      font-weight: 600;
    }
    
    div {
      color: #ccc;
    }
    

    注意:继承某个选择器的样式之后,连带着会继承所有和这个选择器有关的样式。

    相关文章

      网友评论

          本文标题:sass中的继承

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