Sass - 多行註釋中的插值

說明

對多行註釋中的插值解析為生成的 CSS。可在花括號中指定變數或屬性名稱。

語法

$var : "value";
/* multiline comments #{$var} */

示例

以下示例演示了在 SCSS 檔案中對多行註釋中插值的使用 -

<html>
   <head>
      <title>SASS comments</title>
      <link rel = "stylesheet" type="text/css" href = "style.css"/>
   </head>
   
   <body>
      <h1>Welcome to TutorialsPoint</h1>
      <p>This is an example for Interpolation in SASS.</p>
   </body>
</html>

然後，建立檔案 style.scss。

style.scss

$version: "7.8";
/* Framework version for the generated CSS is #{$version}. */

可以使用以下命令告訴 SASS 監視檔案並在 SASS 檔案更改時更新 CSS -

sass --watch C:\ruby\lib\sass\style.scss:style.css

然後，執行上述命令；它將自動建立 style.css 檔案，如下面的程式碼所示 -

style.css

/* Framework version for the generated CSS is 7.8. */

輸出

讓我們執行以下步驟來了解上述給出的程式碼是如何工作的 -

將上述給出的 html 程式碼儲存在 sass_comments_interpolation.htm 檔案中。
在瀏覽器中開啟此 HTML 檔案，如下所示顯示輸出。

Sass - Interpolation in Multiline Comments

sass_comments.htm

列印頁面

上一個

下一個