sass和scss的區別

2021-08-30 15:30:14 字數 585 閱讀 4071

sass 是一款強化 css 的輔助工具,它在 css 語法的基礎上增加了變數 (variables)、巢狀 (nested rules)、混合 (mixins)、匯入 (inline imports) 等高階功能,這些拓展令 css 更加強大與優雅。使用 sass 以及 sass 的樣式庫(如 compass)有助於更好地組織管理樣式檔案,以及更高效地開發專案。

scss 是 sass 3 引入新的語法,其語法完全相容 css3,並且繼承了 sass 的強大功能。可以簡單理解為scss是sass的乙個公升級版本,完全相容sass之前的功能,又有了些新增能力。語法形式上有些許不同,最主要的就是sass是靠縮排表示巢狀關係,scss是花括號。例如:

//sass寫法,看著很費勁

.sidebar

width

: 30%;

background-color

: #faa;

.sidebar-header

width

:90%;

color

:#000;

//scss寫法

.sidebar

}

SASS與SCSS的區別

sass是對css進行自動化的工具,有為css新增瀏覽器字首,精靈圖合圖及樣式優化等功能。sass有.sass 和 scss兩種語法。1 sass 是一種類ruby的縮排式語法,對空格敏感,不使用花括號,並且每個屬性之間通過換行來分割,如 h1 color 666 font size 20px 2 ...

Sass和Scss有什麼區別?

sass 官網上是這樣描述 sass 的 sass 是一門高於 css 的元語言,它能用來清晰地 結構化地描述檔案樣式,有著比普通 css 更加強大的功能。sass 能夠提供更簡潔 更優雅的語法,同時提供多種功能來建立可維護和管理的樣式表。先來看乙個示例 sass 語法 font stack hel...

Sass 和 SCSS 有什麼區別?

scss 是 sass 3 引入新的語法,其語法完全相容 css3,並且繼承了 sass 的強大功能。sass 和 scss 其實是同一種東西,我們平時都稱之為 sass,兩者之間不同之處有以下兩點 副檔名不同,sass 是以 sass 字尾為副檔名,而 scss 是以 scss 字尾為副檔名 語法...