擴充套件父級
通常嘗試擴充套件父級,如下所示:
.parent {
style: value;
@extend &;
}
將導致錯誤,說明父程序無法擴充套件。這是有道理的,但有一個解決方法。只需將父選擇器儲存在變數中。
.parent {
$parent: &;
style: value;
@extend #{&};
}
在上面的示例中執行此操作沒有任何好處,但是這使你能夠從包含的 mixin 中包裝父樣式。
通常嘗試擴充套件父級,如下所示:
.parent {
style: value;
@extend &;
}
將導致錯誤,說明父程序無法擴充套件。這是有道理的,但有一個解決方法。只需將父選擇器儲存在變數中。
.parent {
$parent: &;
style: value;
@extend #{&};
}
在上面的示例中執行此操作沒有任何好處,但是這使你能夠從包含的 mixin 中包裝父樣式。