SASS與SCSS的區別

2021-07-30 04:59:54 字數 372 閱讀 9416

sass是對css進行自動化的工具,有為css新增瀏覽器字首,精靈圖合圖及樣式優化等功能。sass有.sass 和 .scss兩種語法。

1、.sass 

是一種類ruby的縮排式語法,對空格敏感,不使用花括號,並且每個屬性之間通過換行來分割,如

h1 color: #666

font-size:20px

2、.scss

再sass3.0的基礎上加入的,是css3的擴充套件,語法與css相同。 h1

這兩種語法將長期支援, .sass適用於ruby,python等語言的開發,而純前端的更適用於.scss,只需將 .css 改為 .scss即可。

可以在乙個專案中混合使用兩種語法,但不能再乙個檔案中混合使用兩種語法。

sass和scss的區別

sass 是一款強化 css 的輔助工具,它在 css 語法的基礎上增加了變數 variables 巢狀 nested rules 混合 mixins 匯入 inline imports 等高階功能,這些拓展令 css 更加強大與優雅。使用 sass 以及 sass 的樣式庫 如 compass 有...

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 字尾為副檔名 語法...