4-18 [Sass]注释
本节编程练习不计算学习进度,请电脑登录imooc.com操作

[Sass]注释

注释对于一名程序员来说,是极其重要,良好的注释能帮助自己或者别人阅读源码。在 Sass 中注释有两种方式,我暂且将其命名为:

1、类似 CSS 的注释方式,使用 ”/* ”开头,结属使用 ”*/ ”
2、类似 JavaScript 的注释方式,使用“//”

两者区别,前者会在编译出来的 CSS 显示,后者在编译出来的 CSS 中不会显示,来看一个示例:

//定义一个占位符

%mt5 {
  margin-top: 5px;
}

/*调用一个占位符*/

.box {
  @extend %mt5;
}

编译出来的CSS

.box {
  margin-top: 5px;
}

/*调用一个占位符*/

 

任务

  1. //定义一个占位符
  2.  
  3. %mt5 {
  4. margin-top: 5px;
  5. }
  6.  
  7. /*调用一个占位符*/
  8.  
  9. .box {
  10. @extend %mt5;
  11. }
下一节