Sass註釋

在本章中,讓我們學習有關SASS的註釋。註釋是放置在源代碼中不可執行的語句。註釋使源代碼更易於理解。SASS支持兩種類型的註釋。

  • 多行註釋 - 這些使用 /*和*/ 寫入。多行註釋都保留在CSS輸出。

  • 單行註釋 - 這些是使用//跟着註釋。單行註釋不會保留在CSS輸出。

實例

下面的例子演示了SCSS 文件中使用註釋:

SASS註釋 - www.yiibai.com

Welcome to YiiBai

Yiibai Yiibai

接下來創建一個文件:style.scss.

style.scss

/* This comment is
* more than one line long
* since it uses the CSS comment syntax,
* it will appear in the CSS output. */
body { color: black; }

// These comments are in single line
// They will not appear in the CSS output,
// since they use the single-line comment syntax.
a { color: blue; }

可以告訴SASS監視文件,並隨時使用下面的命令更新SASS文件修改CSS:

sass --watch C:\Ruby22-x64\style.scss:style.css

接着執行上面的命令,它會自動創建style.css文件,如下面的代碼:

style.css

/* This comment is
* more than one line long
* since it uses the CSS comment syntax,
* it will appear in the CSS output. */
body {
color: black; }

a {
color: blue; }

輸出

讓我們來執行以下步驟,看看上面的代碼輸出:

  • 保存上面的html代碼在 sass_comments.html 文件。

  • 在瀏覽器中打開該HTML文件,得到輸出結果如下。

Sass註釋

要學習有關多行註釋中的插值,單擊此鏈接.