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
打印页面
上一个
下一个
广告