SCSS 註釋

admin發表於2018-08-31

註釋便於作者以後解讀程式碼,也便於團隊人員或者其他人員解讀。

在scss中有兩種註釋方式,下面分別介紹一下。

原生css的註釋:

由於scss是相容原生css的,所以原生css中的註釋也可以在scss程式碼中使用。

程式碼例項如下:

[Scss] 純文字檢視 複製程式碼
$padding: 50px;
div {
  /*antzone*/
  padding : $padding;
}

原生css中使用的註釋會被保留在生成的css檔案中。

如果只想在scss中保留註釋,那麼可以使用如下方式:

[Scss] 純文字檢視 複製程式碼
$padding: 50px;
div {
 //antzone
  padding:$padding;
}

格式就是以雙斜槓開頭,註釋內容一致延續到行末。