我們如何知道任何網站是否使用Sass和Compass？

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