搜索 - 腾讯云开发者社区-腾讯云

文章/答案/技术大牛

发布

来自专栏网络收集
继承、占位符和混合宏
sprite.png) no-repeat; } .sprite-1 { @extend .spriteAll; background-position:0 -30px; } .sprite @extend .spriteAll; background-position:0 -60px; } 编译出来的CSS代码如下： .spriteAll, .sprite-1, .sprite bakckground: url(images/sprite.png) no-repeat; } .sprite-1 { background-position: 0 -30px; } .sprite sprite.png) no-repeat; } .sprite-1 { @include @spriteAll; background-position:0 -30px; } .sprite sprite-1 { bakckground: url(images/sprite.png) no-repeat; background-position: 0 -30px; } .sprite
1.3K30编辑于 2022-05-15
来自专栏网络收集
sass基本运算
sprite.png) no-repeat; } .sprite-1 { @extend .spriteAll; background-position:0 -30px; } .sprite @extend .spriteAll; background-position:0 -60px; } 编译出来的CSS代码如下： .spriteAll, .sprite-1, .sprite bakckground: url(images/sprite.png) no-repeat; } .sprite-1 { background-position: 0 -30px; } .sprite 2 { background-position: 0 -60px; } 分析：在这个例子中，我们定义了一个“.spriteAll”类用来存放公共样式，然后在“.sprite-1”和“.sprite
65910编辑于 2022-05-14