我们如何知道是否有任何网站在使用 Sass 和 Compass？答案

【问题标题】：How can we know if any website is using Sass and Compass?我们如何知道是否有任何网站在使用 Sass 和 Compass？
【发布时间】：2013-04-27 04:52:27
【问题描述】：

我们如何知道是否有任何网站使用 Sass 和 Compass 进行 CSS？

【问题讨论】：

标签： css compass-sass sass

【解决方案1】：

虽然是这样，但我会看一下 CSS 文件，如果开发人员忘记更改输出，您将能够发现源文件的文件名和行号。

如果不是，请在 CSS 输出中查找不常见的模式，例如 SASS 使嵌套非常容易，因此选择器在 CSS 中可能看起来像这样（你永远不会手写这么长的选择器）

div#wrapper div#container ul#myId li a { color: blue; }
div#wrapper div#container ul#myId li.sass a { color: red; }

但是在 SASS 源文件中看起来像这样（没有重复，容易逃脱）

div#wrapper {
  div#container {
     ul#myId {
       li {
         a { color: blue; }
         &.sass {
           a { color: red; }
         }
       }

     }
  }
}

另外，寻找冗长的类组合，它们来自使用@extend 指令，看起来像这样：

.button, .button1, .button-submit, .button-add-to-cart, .button-signup, .button-register {
 display: inline-block; 
 }

另一个好主意是查看 CSS3 生成按钮的源代码，通常开发人员只关心 Firefox、Safari、Chrome 和 IE，但 SASS 生成的输出将非常冗长，带有很多供应商前缀，包括 Opera 的前缀.

祝你好运！

【讨论】：

【解决方案2】：

如果开发人员忘记为生产进行编译或缩小 .css，那么您仍然应该能够看到自动插入的指向原始源的 cmets，例如：

/* line 22, ../../../../../Ruby193/lib/ruby/gems/1.9.1/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
.selector {
    bla: 123;
}

或

/* line 5, sass/large/_common.scss */
.selector {
   bla: 123;
}

【讨论】：