Question

我们如何知道任何网站是否正在使用Sass和Compass用于CSS？

Answer 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的前缀

祝你好运！

Answer 2

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

/* 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;
}

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

2 个答案: