Sass註釋
在本章中,讓我們學習有關SASS的註釋。註釋是放置在源代碼中不可執行的語句。註釋使源代碼更易於理解。SASS支持兩種類型的註釋。
多行註釋 - 這些使用 /*和*/ 寫入。多行註釋都保留在CSS輸出。
單行註釋 - 這些是使用//跟着註釋。單行註釋不會保留在CSS輸出。
實例
下面的例子演示了SCSS 文件中使用註釋:
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文件,得到輸出結果如下。
要學習有關多行註釋中的插值,單擊此鏈接.