SCSS 有那些優勢,是否可以全面取代CSS?


SCSS 之類的預處理器本身就是為了生成 CSS 而設計的。

它的優勢在於開發效率高。對於一些樣式複雜的站點,用 SASS 之類的工具生成代碼比手寫 CSS 快得多。但是 SASS 不是為了取代 CSS 而生的,它是為了服務 CSS 而生。

或者類比一下,機器不能直接執行 C,它執行的是編譯後的機器碼。瀏覽器也不能直接渲染 SCSS,它渲染的是編譯出來的 CSS。

不過 SCSS 與 CSS 的關係和@鄭誠所說的「jquery永遠不可能取代javascript」有一點區別。 jQuery 是一個 JavaScript 的庫而非生成 JavaScript 的工具,它是用 JavaScript 開發出來的;而 CSS 是標記語言。CSS 的一些框架如 lessframework 或者 normalize,它們之於 CSS 的關係更像 jQuery 之於 JavaScript。


這本身就不存在取代一說。Sass本身僅是CSS預處理器之一,他的任務是幫助你快速編寫CSS(熟悉Sass的情況之一)。如果從CSS轉向Sass,起初會覺得Sass將CSS複雜化了。這也是眾多CSSer排斥Sass眾多原因之一。但是否嘗試過,Sass真的把CSS複雜化了?真的是一點用處都沒有?特別是在一個大型項目的開發,維護上。而且協同開發的時候,這個更見效果。不仿試試,試用之後,或許你會對CSS預處理器有另外一種看法


Sass和Compass必備技能之Sass篇丨章節 看看這個,一個小時讓你輕鬆掌握一切。


感覺多數時候比較雞肋,還是感覺在一些需要較多重用css代碼的地方可以用到函數和extend之類的地方可以用用,平時用這個簡單的東西都弄複雜了。編程本來就是邏輯化,而css本來就是描述性質的,權衡一下邏輯表達還是平鋪直述就行。至於取代,肯定不可能啊。。。


在小場合有些是複雜了,但大場合還是很好的。


它的基本思想是,用一種專門的編程語言,進行網頁樣式設計,然後再編譯成正常的CSS文件。


大型應用中很實用,css比較多 用scss好 scss是sass3中引入的新語法


1. 可以將css代碼模塊化,分而治之。

2. 更好的css編碼體驗。

同時也需要配合構建工具(或其他工具)來做編譯和文件合併。

總體來講,優勢是提升css編碼效率,和易維護性。

值得學習。


一個項目中同時有style.css又有style.scss是怎麼回事?


推薦閱讀:

大家都是怎麼玩node.js的?
ReactJS 真的好嗎?
相比 React 全家桶,選擇 Vue2 有何優劣?
為什麼都說富文本編輯器是天坑?
怎樣可以很好地保證網頁的瀏覽器兼容性?

TAG:前端開發 | HTML | CSS | Sass |