編譯后的同個css樣式為什么會分開
%mt5 {
? margin-top: 5px;
}
%pt5{
?padding-top:5px;
}
.btn {
? @extend %mt5;
? @extend %pt5;
}
編譯后:
.btn{
? ?margin-top:5px;
?}
.btn{
padding-top:5px;
}
1 回答
舉報
0/150
提交
取消
%mt5 {
? margin-top: 5px;
}
%pt5{
?padding-top:5px;
}
.btn {
? @extend %mt5;
? @extend %pt5;
}
編譯后:
.btn{
? ?margin-top:5px;
?}
.btn{
padding-top:5px;
}
2016-01-15
舉報
2016-01-15
這個是會分開的。 教程上面說的是多個類調(diào)用同一個占位樣式，這多個類在一塊兒，比如你再有一個.bbb{@extend %mt5;} 那生成出來的是。.btn, .bbb{margin-top: 5px;}，你掉用的是兩個占位樣式是會分開的。