1 回答

TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超8個(gè)贊
基本語法區(qū)別:
在使用 CSS 預(yù)處理器之前最重要的是理解語法,幸運(yùn)的是基本上大多數(shù)預(yù)處理器的語法跟 CSS 都差不多。
首先 Sass 和 Less 都使用的是標(biāo)準(zhǔn)的 CSS 語法,因此如果可以很方便的將已有的 CSS 代碼轉(zhuǎn)為預(yù)處理器代碼,默認(rèn) Sass 使用 .sass 擴(kuò)展名,而 Less 使用 .less 擴(kuò)展名。
/* style.scss or style.less */h1 {color: #0982C1;}12341234
這是一個(gè)再普通不過的,不過 Sass 同時(shí)也支持老的語法,就是不包含花括號和分號的方式:
/* style.sass */h1color: #0982c1123123
而 Stylus 支持的語法要更多樣性一點(diǎn),它默認(rèn)使用 .styl 的文件擴(kuò)展名,下面是 Stylus 支持的語法:
/* style.styl */h1 {color: #0982C1;}/* omit brackets */h1color: #0982C1;/* omit colons and semi-colons */h1color #0982C1123456789101112123456789101112
可以在同一個(gè)樣式單中使用不同的變量,例如下面的寫法也不會報(bào)錯(cuò):
h1 {color #0982c1}h2font-size: 1.2em1234512345
添加回答
舉報(bào)