這篇文章主要講解了“sass與scss之間的區(qū)別有哪些”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“sass與scss之間的區(qū)別有哪些”吧！

創(chuàng)新互聯(lián)建站專注于網(wǎng)站建設(shè)，為客戶提供網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計開發(fā)服務(wù)，多年建網(wǎng)站服務(wù)經(jīng)驗，各類網(wǎng)站都可以開發(fā)，品牌網(wǎng)站建設(shè)，公司官網(wǎng)，公司展示網(wǎng)站，網(wǎng)站設(shè)計，建網(wǎng)站費用，建網(wǎng)站多少錢，價格優(yōu)惠，收費合理。

sass，也稱為縮進語法，類似于Ruby的編程語言。

它是來自另一個名為Haml的預(yù)處理器，受Haml的簡潔啟發(fā)，是由Ruby開發(fā)人員設(shè)計和編寫的，因此，Sass樣式表使用類似Ruby的語法。沒

sass適用于那些喜歡與CSS相似的簡潔性的人。它使用行的縮進來指定塊，而不是括號和分號，因此有括號，沒有分號和嚴格的縮進。sass語法中的文件使用擴展名.sass。

例：

//Variable

!primary-color=hotpink

//Mixin

=border-radius(!radius)

-webkit-border-radius=!radius

-moz-border-radius=!radius

border-radius=!radius.my-element

color=!primary-color

width=100%

overflow=hidden.my-other-element

+border-radius(5px)

正如我們所看到的，與常規(guī)CSS相比，這是一個相當大的變化！變量標志是“!”不“$”，分配符號“=”，而不是“：”，這樣有點奇怪！

但這是Sass在2010年5月3.0版到來之前的樣子，之后SassyCSS引入了一種名為scss的全新語法。這種語法旨在通過引入CSS友好語法來縮小Sass和CSS之間的差距。

感謝各位的閱讀，以上就是“sass與scss之間的區(qū)別有哪些”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對sass與scss之間的區(qū)別有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！