Question

要转换为SASS的CSS：

body {
   background: transparent !important; color: #444 !important; text-shadow: none;
  }

  /* Don't show links for images */
  pre, blockquote {
   border: 1px solid #999; page-break-inside: avoid;
  }
  img {
   page-break-inside: avoid;
  }


/* Grade-A Mobile Browsers */
html {
   -webkit-text-size-adjust:none; -ms-text-size-adjust:none;
  }

转换后的SASS：

body
  background: transparent !important
  color: #444 !important
  text-shadow: none

/* Don't show links for images

pre, blockquote
  border: 1px solid #999
  page-break-inside: avoid

img
  page-break-inside: avoid

/* Grade-A Mobile Browsers

html
  -webkit-text-size-adjust: none
  -ms-text-size-adjust: none

注意/* Don't show links for images和/* Grade-A Mobile Browsers。

这使得整个版块在评论之后。

它本应该是/* Don't show links for images */？

Answer 1

实际上Sass可以双管齐下。您必须明白，对于Sass，/*只是块注释的起点，如下所示：

/* This is the beginning of a commment
    * This line is indented under it, so it's part of the comment

html
    // This selector is not indented so it's not part of the comment

Sass不需要*/以不需要的方式结束注释来结束选择器：缩进为你处理它。

我建议您在reference page。

中更详细地查看Sass注释语法

Answer 2

sass-convert --from css - to scss actual.css＆gt; newlyCreated.scss

sass-convert - from css - to sass actual.css＆gt; newlyCreated.sass

为什么css2sass和sass-convert转换器会使用CSS多行注释跳出来？

2 个答案: