Jeff Wu's Note

Tags · sass

Home

About

Archives

sassextend

Sass筆記「@extend」介紹:無痛合併CSS樣式

在撰寫 CSS 過程中,為了避免 CSS 太龐大,當我們有用到相同的樣式時, 都會將它合併起來如下: /* 第200行位置 */ .header h1, .content h1, .footer h1 { font-size: 20px; line-height: 1.8; letter-spacing: 1px; } /* 第400行位置 */ .header h1 { color: black; } /* 第1000行位置 */ .content h1 { color: green; } /* 第N000行位置 */ .footer { color: pink; } 但這樣子會有個麻煩的地方是,假設..

Read more