欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解CSS的Sass框架中代碼注釋的編寫方法

WEB前端開發(fā)   發(fā)布時(shí)間：2016-04-11 10:05:46   作者：愚人碼頭   我要評(píng)論
這篇文章主要介紹了CSS的Sass框架中代碼注釋的編寫方法,Sass完全支持CSS基本的單行注釋與多行注釋,需要的朋友可以參考下

在 Sass 中注釋有兩種方式：
1、類似 CSS 的注釋方式，使用 ”/* ”開頭，結(jié)屬使用 ”*/ ”
2、類似 JavaScript 的注釋方式，使用“//”
Sass 支持標(biāo)準(zhǔn)的CSS多行注釋以/* */以及單行注釋 //。

兩者區(qū)別：前者會(huì)在編譯出來(lái)的 CSS 顯示，后者在編譯出來(lái)的 CSS 中不會(huì)顯示

在盡可能的情況下，多行注釋會(huì)被保留在輸出的CSS中，而單行注釋會(huì)被刪除。 例如：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. /* This comment is  
  2.  * several lines long.  
  3.  * since it uses the CSS comment syntax,  
  4.  * it will appear in the CSS output. */  
  5. body { color: black; }   
  6.     
  7. // These comments are only one line long each.   
  8. // They won't appear in the CSS output,   
  9. // since they use the single-line comment syntax.   
  10. a { color: green; }  

編譯為：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. /* This comment is  
  2.  * several lines long.  
  3.  * since it uses the CSS comment syntax,  
  4.  * it will appear in the CSS output. */  
  5. body {   
  6.   color: black; }   
  7.     
  8. a {   
  9.   color: green; }  

如果多行注釋的第一個(gè)字母是 !，那么注釋總是會(huì)被保留到輸出的CSS中，即使在壓縮輸出模式下。這可用于在你生成的CSS中添加版權(quán)聲明。

使用插值語(yǔ)句 (interpolation) ，可以將變量值輸出到多行注釋中，例如：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. $version: "1.2.3";   
  2. /* This CSS is generated by My Snazzy Framework version #{$version}. */  

編譯為：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. /* This CSS is generated by My Snazzy Framework version 1.2.3. */  

相關(guān)文章

最新評(píng)論