#86 SASS/SCSS (5) Extend

⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 今天，我們要來學一個和昨天說的 @mixin 很像，但運作原理和使用情境卻截然不同的 SCSS 功能：@extend。 一、@extend 是什麼？和 @mixin 有何不同？ @extend，字面上的意思是「擴展、延伸」。 它的核心概念是「繼承」，讓一個選擇器可以繼承另一個選擇器所有的樣式規則，並將自己「合併」到被繼承的選擇器群組中。 這聽起來跟 @mixin 有點像，都是在重用樣式碼。但它們最大的差別在...