擴充套件父級

通常嘗試擴充套件父級,如下所示:

.parent {
  style: value;

  @extend &;
}

將導致錯誤,說明父程序無法擴充套件。這是有道理的,但有一個解決方法。只需將父選擇器儲存在變數中。

.parent {
  $parent: &;
  style: value;
  @extend #{&};
}

在上面的示例中執行此操作沒有任何好處,但是這使你能夠從包含的 mixin 中包裝父樣式。