多行注释中的插值在生成的CSS中解析。您可以在花括号中指定变量或属性名称。
$var : "value";
下面的示例演示了在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 。
$version: "7.8";
您可以通过使用以下命令让SASS查看文件并在SASS文件更改时更新CSS:
sass --watch C:rubylibsassstyle.scss:style.css
接下来执行上面的命令,它将用下面的代码自动创建 style.css 文件:
让我们执行以下步骤,看看上面的代码如何工作:
将上述html代码保存在 sass_comments_interpolation.html 文件中。
在浏览器中打开此HTML文件,将显示如下输出。
描述@debug伪指令检测错误,并将SassScript表达式值显示到标准错误输出流。例子下面是使用扩展名 .scss 保存的样式表文件,它类...
描述它降低了元素中颜色的强度或饱和度。 它有以下参数: color :它代表颜色对象。amount :它包含0-100%之间的百分比。 方法:...
描述mixins不仅可以包含属性,还可以包含选择器。例子以下示例演示了在LESS文件中使用 mixin选择器:htmlheadlink rel=styleshee...
描述:extend(selector)语法可以放在规则集的正文中。 它是放置扩展到规则集的每个选择器的快捷方式。例子下面的例子演示了在LESS...
描述mixin类似于函数,在mixin中定义的变量将作为它的返回值。例子下面的例子说明了mixin和返回值:htmlheadlink rel=stylesheet...