编译后的同个css样式为什么会分开

%mt5 {

margin-top: 5px;

}

%pt5{

padding-top:5px;

}

.btn {

@extend %mt5;

@extend %pt5;

}

编译后:

.btn{

margin-top:5px;

}

.btn{

padding-top:5px;

}

慕少4432244

2016-01-15

源自：Sass入门篇 4-15

关注问题我要回答

1016

操作

收起

1 回答

幽壑潜蛟
2016-01-15

这个是会分开的。教程上面说的是多个类调用同一个占位样式，这多个类在一块儿，比如你再有一个.bbb{@extend %mt5;} 那生成出来的是。.btn, .bbb{margin-top: 5px;}，你掉用的是两个占位样式是会分开的。

1 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

Sass入门篇

参与学习 104426 人
解答问题 263 个

Sass入门视频教程，学会Sass使你摆脱重复编写代码的工作

进入课程

本课相似问答

1 回答为什么我这样写不编译成紧凑型的样式？

2 回答为什么传参编译后不是50%?

1 回答sass sass\:css\ 编译出错

2 回答sass sass/:css/ 编译出错

1 回答这样编译出的CSS中的width没有单位，那实际中代表什么意思

搜索更多本课相关问答

编译后的同个css样式为什么会分开

我要回答关注问题

热搜

最近搜索清空

编译后的同个css样式为什么会分开

1 回答

本课相似问答

编译后的同个css样式为什么会分开