SCSS 變數分隔符

admin發表於2018-08-12

scss的變數名可以與css中的屬性名和選擇器名稱相同,包括中劃線和下劃線。

在使用中劃線還是下劃線來進行變數分隔完全根據個人喜好。

scss完全相容這兩種寫法,也就是說scss認為中劃線和下劃線是完全等同的。

scss程式碼如下:

[Scss] 純文字檢視 複製程式碼
$link-color: blue;
a {
  color: $link_color;
}

編譯後的程式碼如下:

[CSS] 純文字檢視 複製程式碼
a {
  color: blue;
}

相關文章