Sass代码重用----Sass继承

Posted taxun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Sass代码重用----Sass继承相关的知识,希望对你有一定的参考价值。

首先知道 CSS具有两大特性:继承性,层叠性

使用 “@extend” 来继承一个样式块,从而实现代码的重用。

    .spriteAll

    {
 

      bakckground:url(images/sprite.png) no-repeat;
 

    }
 

    .sprite-1
 

    {
 

      @extend .spriteAll;
 

      background-position:0 -30px;
 

    }
 

  

以上是关于Sass代码重用----Sass继承的主要内容,如果未能解决你的问题,请参考以下文章

sass的高级语法

sass学习笔记:混合宏VS继承VS占位符

sass 扩展

Sass学习笔记 -- 混合器

Sass简单使用

SASS - 使用Sass程序