举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > sass注释类型 Sass 注释

sass注释类型 Sass 注释

2023-06-23 11:31 Sass教程

sass注释类型 Sass 注释

sass注释类型

Sass 是一种强大的 CSS 扩展语言,它提供了一系列的注释类型,可以帮助我们更好地理解代码。

Sass 注释分为两种:单行注释和多行注释。单行注释以“//”开头,只能用于单行;多行注释以“

此外,Sass 还支持特殊的嵌套注释。它允许我们在嵌套的代码中使用特定的标记来标记整个代码块。这样就可以避免将整个代码块都作为注释考虑。

// 这是一个特殊的嵌套注释 
.parent { 
  color: red; // 子元素颜色 

   

  .child { 
    color: yellow; // 黄色不会生效 
   }  
}

Sass 注释

在本章中,我们来研究Sass 注释注释是放在源代码中的不可执行语句。注释使源代码更容易理解。Sass支持两种类型的注释。

  • 多行注释 - 使用/ *和* /写入。多行注释保存在CSS输出中。

  • 单行注释 - 这些是使用 // 和注释写成的。单行注释不会保留在CSS输出中。

例子

下面的示例演示了在SCSS文件中使用注释:

<html>
<head>
   <title>SASS comments</title>
   <link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
  <h1>Welcome to TutorialsPoint</h1>
  <a href="//www..cn/">TutorialsPoint</a>
</body>
</html>

接下来,创建文件 style.scss

style.scss

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:rubylibsassstyle.scss:style.css

接下来执行上面的命令,它将用下面的代码自动创建 style.css 文件:

style.css

body {
  color: black; }

a {
  color: blue; }

输出

让我们执行以下步骤,看看上面的代码如何工作:

  • 将上述html代码保存在 sass_comments.html 文件中。

  • 在浏览器中打开此HTML文件,将显示如下输出。

Sass Comments

要研究多行注释中的插值,请单击此链接。

阅读全文
以上是鳄鱼CMS为你收集整理的sass注释类型 Sass 注释全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们