SASS第二篇 注释

最新推荐文章于 2021-12-14 16:27:39 发布
最新推荐文章于 2021-12-14 16:27:39 发布
阅读量460 收藏
点赞数
分类专栏： SASS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37805832/article/details/107754438
版权 
/*
    1.SASS中的注释
    SASS中的注释和LESS一样
    单行注释不会被编译(不会出现在编译后的文件中)
    多行注释会被编译  (会出现在编译后的文件中)
    */
    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
        // 单行注释
    /*
    多行注释
    */
   /*以下是编译成的css文件的结果*/
   @charset "UTF-8";
/*
多行注释
*/

  </style>
</head>
<body>
  
</body>
</html>
贵哥的编程之路(热爱分享)
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
详解CSS的Sass框架中代码注释的编写方法
12-13
在 Sass 中注释有两种方式：1、类似 CSS 的注释方式，使用 ”/* ”开头，结属使用 ”*/ ”2、类似 JavaScript 的注释方式，使用“//”Sass 支持标准的CSS多行注释以/* */以及单行注释 //。 两者区别：前者会在编译...
node-sass.zip
06-10
2. 第二种解决方案 ，看另一句报错,资源被墙。 ``` Downloading binary from https://github.com/sass/node-sass/releases/download/v4.5.2/win32-x64-48_binding.node Cannot download ...
使用Sass时中文注释报错的解决办法(最简单)
weixin_33989058的博客
12-21 673
最近使用sass做一些项目的时候,发现在scss文件中出现中文注释,css文件就会报错. error style.scss (Line 5: Invalid GBK character "\xE8")类似这样的. 上网上找了很多方法,有很多人说在ruby的rb文件中添加@charset "UTF-8";我试了一下发现不管用.我请教了一下同学,得到了一个十分简单的方法: 在scss文件中添加@...
4、SASS - 注释 /* */ 与 //
王维璋
10-15 717
Sass支持标准的css多行注释 /* */ ，以及单行注释 / / /* */ 会出现在编译后的css文件中 / / 不会出现在编译后的css文件 例如： /* This comment is * several lines long. * since it uses the CSS comment syntax, * it will ap...
让sass支持中文注释解决办法
超级婷
02-17 469
路径:C:\Ruby23-x64\lib\ruby\gems\2.3.0\gems\sass-3.4.25\lib\sass =&gt; engine.rb 安装的版本不一样,有可能路径也不一致,但最终都是找到engine.rb这个文件来修改. // engine.rb ... require 'sass/error' require 'sass/importers' require 'sa...
webpack sass 单行注释报错
just_a_code_man的博客
12-14 1593
webpack中sass使用单行注释报错问题
Sass学习之路(10)——注释、数据类型
YuuyaRin的博客
12-16 3209
1.Sass的注释： 在说Sass的数据类型之前，先提一提Sass中注释的两种方式。 (1).类似CSS的注释方式，如： /*  这里是一段注释 */ (2).类似JavaScript的注释方式，如  //这里是一段注释 这两种方式都可以用来在Sass中注释，但是有一些区别。第一种方式，注释的内容也会在编译出的CSS中显示，而第二种不会显示。我们来看一个例子： //定义一个占位符 %m
node-sass安装包
最新发布
10-23
node-sass安装包
homebrew-sass：Sass的Homebrew水龙头
02-04
这是的官方水龙头。 macOS用户可以使用它轻松地安装和更新...brew install sass/sass/sass 你很好！ 现在，您可以在计算机上的任何位置运行sass可执行文件。 要升级到最新版本的Sass，请运行： brew upgrade sass
scss-注释
banchousuo6747的博客
10-25 868
　　在scss中有两种注释方式 　　原生css的注释多行注释： 　　　　/* 　　　　　　* 注释的内容 　　　　*/ 　　单行注释：//注释内容一致延续到行末。 　　在尽可能的情况下，多行注释会被保留在输出的CSS中，而单行注释会被删除。 转载于:https://www.cnblogs.com/ibabyli/p/9850259.html...
Sass之注释学习教程
qq_32506555的博客
07-23 310
在本章中，让我们学习SASS 的注释。注释是放置在源代码中不可执行的语句。注释使源代码更易于理解。SASS支持两种类型的注释。       多行注释 - 这些使用 /*和*/ 写入。多行注释都保留在CSS输出。   单行注释 - 这些是使用//跟着注释。单行注释不会保留在CSS输出。   实例 下面的例子演示了SCSS 文件中使用注释：  SASS注释 - www.yi
Sass 注释
soindy
03-29 2536
注释对于一名程序员来说，是极其重要，良好的注释能帮助自己或者别人阅读源码。在 Sass 中注释有两种方式，我暂且将其命名为： 1、类似 CSS 的注释方式，使用 ”/* ”开头，结属使用 ”*/ ” 2、类似 JavaScript 的注释方式，使用“//” 两者区别，前者会在编译出来的 CSS 显示，后者在编译出来的 CSS 中不会显示，来看一个示例：//定义一个占位符 %mt5 { ma
sass的条件判断篇
qq_37805832的博客
08-19 3255
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*@mixin triangle($dir,$width,$color) { width: 0; height: 0; border-width: $width; border-style: sol
SASS第十篇 层级结构
qq_37805832的博客
08-08 794
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /* 1.SASS中的层级结构 和LESS一样支持嵌套, 默认情况下嵌套的结构会转换成后代选择器 和LESS一样也支持通过&符号不转换成后代选择器 */ /* @function s
SASS第七篇 SASS中带参数混合
qq_37805832的博客
08-06 687
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*scss代码,如下*/ /*@mixin whc($w:100px,$h:100px,$c:#000) { width: $w; height: $h; background: $c; }
SASA第四篇 变量插值
qq_37805832的博客
08-06 553
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*为什么使用变量插值? 因为变量只是在属性值的形式上可以使用,但是在属性名与选择器名称不能使用变量，这时候变量插值的作用就凸显出来了.*/ /*sass格式*/ /*$size:200px; $w:width;
SAS第八篇 可变参数
qq_37805832的博客
08-06 541
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*@mixin animate($name,$time,$args...) { transition: $name $time $args; } div { width: 200px; hei
SASS第九篇 @import
qq_37805832的博客
08-06 537
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*@import "06";/*加后缀与不加一样,这个相当于@mixin center(){ position: absolute; left: 50%; top: 50%; transform: transl
sass中循环结构
qq_37805832的博客
08-19 514
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*ul { li { width: 100%; height: 50px; border: 1px solid red; font-size: 20px; backgro
webstorm sass
08-13
WebStorm 是一种集成开发环境（IDE），用于开发 Web 应用程序。它提供了对多种前端技术和工具的支持，包括 Sass。 Sass（Syntactically Awesome Style Sheets）是一种 CSS 预处理器，它扩展了 CSS 的功能并提供了更高级的样式表语言。Sass 允许使用变量、嵌套规则、混合（mixins）、导入等功能，以更高效、模块化和可维护的方式编写 CSS。 在 WebStorm 中使用 Sass，你需要进行以下步骤： 1. 确保已经安装了 Sass。你可以使用命令行运行 `sass --version` 来检查是否已安装。 2. 在 WebStorm 中创建或打开一个项目。 3. 在项目中创建一个 `.scss` 或 `.sass` 文件，这里是你编写 Sass 代码的地方。 4. 在 `.scss` 或 `.sass` 文件中编写你的 Sass 样式代码。 5. WebStorm 会自动检测到你在项目中使用了 Sass，并提供相应的功能，如语法高亮、代码提示和错误检查。 6. 如果需要将 Sass 编译成普通的 CSS 文件，你可以使用 WebStorm 的编译功能。在菜单栏中选择 "Run" -> "Edit Configurations"，然后点击 "+" 添加一个新的 "File Watcher"。选择 "SCSS" 或 "Sass" 作为文件类型，并配置输出路径和其他选项。 7. 保存你的 Sass 文件，WebStorm 将自动编译并生成对应的 CSS 文件。 这样，你就可以在 WebStorm 中方便地使用 Sass 来编写和管理你的样式表了。希望对你有所帮助！如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

贵哥的编程之路(热爱分享)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值