解決 CSS 代碼冗餘的情況。因為 %placeholder 定義的代碼，如果不被@extend引用的話，不會產生任何代碼。
例如:
// scss //
%ma{
margin: 10px;
}
%pa{
padding: 20px;
}
.btn {
@extend %ma;
@extend %pa;
}
.block {
@extend %ma;
span {
@extend %pa;
}
}
編｜
譯｜ 從編譯出來的CSS代碼可以看出，透過 @extend 引用的佔位符，編譯出來的代碼會將相同的代碼
後｜ 合併在一起，讓代碼變得更乾淨。
Ｖ
// css //
.block, .btn {
margin: 10px;
}
.block span, .btn {
padding: 20px;
}
iThome鐵人賽
看影片追技術