基本語法區別:
在使用 CSS 預處理器之前最重要的是理解語法，幸運的是基本上大多數預處理器的語法跟 CSS 都差不多。
首先 Sass 和 Less 都使用的是標準的 CSS 語法，因此如果可以很方便的將已有的 CSS 代碼轉為預處理器代碼，默認 Sass 使用 .sass 擴展名，而 Less 使用 .less 擴展名。
/* style.scss or style.less */h1 {color: #0982C1;}12341234

這是一個再普通不過的，不過 Sass 同時也支持老的語法，就是不包含花括號和分號的方式：
/* style.sass */h1color: #0982c1123123

而 Stylus 支持的語法要更多樣性一點，它默認使用 .styl 的文件擴展名，下面是 Stylus 支持的語法：
/* style.styl */h1 {color: #0982C1;}/* omit brackets */h1color: #0982C1;/* omit colons and semi-colons */h1color #0982C1123456789101112123456789101112

可以在同一個樣式單中使用不同的變量，例如下面的寫法也不會報錯：
h1 {color #0982c1}h2font-size: 1.2em1234512345