码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-07-06 18:10:31      阅读:55      评论:0      收藏:0      [点我收藏+]

标签:strong   特性   no-repeat   rip   str   继承性   ack   ext   round   

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

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

    .spriteAll

    {
 

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

    }
 

    .sprite-1
 

    {
 

      @extend .spriteAll;
 

      background-position:0 -30px;
 

    }
 

  

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

标签:strong   特性   no-repeat   rip   str   继承性   ack   ext   round   

原文地址:https://www.cnblogs.com/taxun/p/13255908.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!