SASS 和 SCSS 的區別

原文

Difference Between SASS and SCSS

SASS（Syntactically Awesome Style Sheets）是一種由 Hampton Catlin 設計、Chris Eppstein 和 Natalie Weizenbaum 開發的樣式表語言。 它是一種預處理器腳本語言，將被編譯或解釋為 CSS。 Sass Script 本身就是一種腳本語言。 它的 typing 規則是動態的。

SCSS 通常被稱為 Sassy CSS，它是作為 SASS（Syntactically Awesome Style Sheets）的主要語法引入的，它建立在現有的 CSS 語法之上。 它使用分號和括號，如 CSS（級聯樣式表）。 SCSS 是 CSS 的超集，即所有 CSS 功能都將在 SCSS 中可用，并且包含 SASS（Syntactically Awesome Style Sheets）的一些功能。 SCSS 使任何 CSS 術語都有效。

9 大區別：

區別1

SASS是Syntactically Awesome Style Sheets，是CSS的擴展，提供嵌套規則、繼承、Mixins等特性，而SCSS是Sassy Cascaded Style Sheets，與CSS類似，填補了CSS與SASS之間的空白和不兼容。 它是在 MIT 許可下獲得許可的。它首次出現在2006年。

區別2

SASS 更易于使用且語法更簡單，因此無需使用分號、曲線、大括號等，而 SCSS 與 CSS 完全兼容，文件擴展名為 .scss 類型。

區別3

SASS 具有最好的編碼標準和良好的官方文檔的特點，而 SCSS 更容易學習開發代碼。

區別4

SASS 基于 javaScript 并支持不同的語言擴展，擁有自己的語法、開源 CSS 預處理器和高級功能，例如控制和指令及其庫。

區別5

SASS 更難通過重寫代碼與現有 CSS 項目集成，而 SCSS 通過采樣添加新代碼而不是重寫現有代碼庫更容易與現有代碼庫集成。

區別6

SASS 更易于使用、閱讀和編寫，而 SCSS 在實現代碼方面更具邏輯性和復雜性。

區別7

SASS 變量將以美元 ($) 符號開頭，而 SCSS 具有模塊化功能，可以通過使用某種注釋以更加模塊化的方式組織代碼。

區別8

SASS 具有高級語法功能，并且其文件具有 .sass 擴展名，而 SCSS 具有類似每個有效 CSS 文件都是 SCSS 文件的功能。

區別9

SASS 與 Ruby 相似，安裝需要使用 Ruby，沒有嚴格的代碼縮進，而 SCSS 與 CSS 相似，無需任何額外安裝或配置即可輕松使用。

區別10

SASS 具有可在 CSS 文件的不同位置使用的局部和全局變量，而 SCSS 具有不同的變量，例如顏色變量，這些變量可以稍后在樣式表中使用。

區別11

SASS 具有嵌套功能，可以將 CSS 選擇器嵌套顯示在 HTML 中，并且難以維護較長的分層嵌套 CSS，而 SCSS 可以處理多個類和不同的嵌套樣式。

區別12

SASS 具有文檔樣式，它比 CSS 更好，并且具有顏色、屬性和參數列表的操作功能，而 SCSS 語法具有邊距、列表樣式、填充、顯示等。

區別13

SASS 具有控制指令、功能指令、Mixins 并具有可擴展的特性，而 SCSS 可以與 SASS 一起使用來表示 CSS 類似的特性。

區別14

在最初的開發之后，SASS 擴展到 SassScript。 它支持跨平臺操作系統。 它受到CSS、LESS、YAML等的影響。這個SASS的文件擴展名是.scss和.sass，它的官方實現也是一個使用Ruby開發的開源項目。

結論

SASS 與 SCSS 都是 CSS 預處理器，它們非常有用，可包含在基于 CSS 的 UI（用戶界面）或前端框架中以簡化開發。 這些 SASS 與 SCSS 框架在以編程方式利用強大的 CSS 功能時在高級別的 CSS 功能方面提供了強大的功能。 SASS 是一種 CSS 擴展，其中大部分功能都將被擴展，而 SCSS 是 CSS 的一種超集，其中 CSS 的所有功能都將在 SCSS 中。 預處理器的選擇取決于通過以有效的方式做出權衡選擇來使應用程序高效工作所需的功能和特性。

與SCSS相比，SASS更易于使用并且需要更少的語法或配置，推薦用于需要更快開發范圍和更容易開發復雜組件的較大應用程序的情況，而SCSS可以用于優化Mixin特性的情況，以及許多其他有效技術。

CSS Sass

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。