我所探討的焦點在 map 這種數(shù)據(jù)類型上，特別是使用 @content，@at-root 和 unique-id() 等指令合并 maps 所實現(xiàn)的奇妙方法。其中之一就是混合宏的設計模式，這一設計模式通過使用 @extend 指令和占位符選擇器來解決 Sass 的一些實際問題：

由于常在代碼開始部分引入占位符擴展，所以就應該將其置于代碼頂部而不受其他因素所影響；
優(yōu)先使用 @include 還是 @extend？這里給出的答案是 @include。
自意識混合宏的核心是通過創(chuàng)建或擴展占位符選擇器，動態(tài)地生成相關樣式。當它第一次被傳參調(diào)用后，就會有一個 map 變量記錄下相關的參數(shù)。隨后，當再次使用相同的參數(shù)調(diào)用時，就會執(zhí)行擴展同一占位符的操作，而不是生成重復代碼。

在下面的代碼中，有一些混合宏的參數(shù)是相同的，有一些參數(shù)是獨有或特定的。那么在最終生成的 CSS 中，就會發(fā)現(xiàn)，具有相同參數(shù)的部分會使用擴展的方式，即合并選擇器的方式；具有獨特或特定參數(shù)的部分，則仍然會生成獨立的選擇器樣式。

SCSS 源代碼和測試數(shù)據(jù)：

發(fā)表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發(fā)表