目前遵循sass指南,但在指南中,它自動將代碼轉換爲CSS文件。這是否自己做,或者你必須手動做到這一點?或者(甚至更好)你可以使用sass(scss)而不是css文件嗎?薩斯是否會取代Css?
回答
Sass被解釋爲CSS。有幾種解釋器的實現,Ruby中的「官方」實現。但是,除非瀏覽器開始支持Sass,否則我們會陷入困境。
瀏覽器永遠不會,本地支持SASS並直接使用CSS,我希望永遠不會消失。 – Rob
SASS永遠不會取代CSS。 CSS是由W3C開發的標準, 和一個瀏覽器製造商遵循(有時提前)當 構建其瀏覽器的渲染引擎。然而,SASS和其他 LESS和Stylus等CSS預編譯器正在影響人們如何看待CSS的演變。
薩斯是CSS的擴展,增加了力量與優雅的基本語言。它允許您使用變量,嵌套規則,mixins,內聯導入等,全部使用完全與CSS兼容的語法。
我使用它很多,因爲它允許我編寫模塊化的可重用代碼。特別是變量和mixin是我欣賞的東西。
就像Coffeescript和Typescript坐在JavaScript之上,Sass坐在CSS之上。 在瀏覽器能夠使用它之前,你需要一個預處理引擎。
因此,要回答你的問題:
是的,你可以用它代替CSS薩斯,只要您在瀏覽器中使用它之前運行它通過薩斯編譯器。
您可以手動運行編譯器,也可以對其進行設置,以便它監視變化並在需要時自動編譯它。
我質疑「Sass是CSS的擴展」的引用。不是這樣。 Sass **擴展了CSS,但不是它的擴展,因爲只有W3C才能做到這一點。不迂腐。只是想說清楚。 – Rob
- 1. autoprefixer和後CSS不是薩斯文件
- 2. 顏色不是在薩斯
- 3. 薩斯:Unicode轉義不會保留.css文件
- 4. 薩斯密新的CSS繼承
- 5. 壓縮CSS與節點薩斯
- 6. CSS sourcemaps和瀏覽器薩斯編輯
- 7. 薩斯嵌套
- 8. 在薩斯
- 9. 在薩斯
- 10. 薩斯 - 找到
- 11. 在薩斯
- 12. 在薩斯
- 13. @function與薩斯
- 14. 薩斯 - 在@each
- 15. 薩斯:在SCSS
- 16. 薩斯符號
- 17. 在薩斯
- 18. 從薩斯
- 19. 會話薩特斯沒有在PHP
- 20. 導軌 - 薩斯 - 1P * x不是有效的CSS值
- 21. 薩斯 - 語法錯誤:不是有效的CSS值
- 22. 薩斯師不是一個有效的CSS值
- 23. 是否有一個缺點處理薩斯與調試信息和源代碼的CSS?
- 24. 薩斯SCSS由BundleTranslator
- 25. 編譯2薩斯
- 26. 創建或薩斯
- 27. 與咕嚕 - 薩斯
- 28. 插值在薩斯
- 29. 使用在薩斯
- 30. 薩斯filewatcher爲webstorm
請寫出「irl」。即使我不知道這意味着什麼。 – Rob
您可以輕鬆地手動執行此操作,也可以使用gulp之類的功能,在您進行更改時自動將其處理爲CSS ...或者集成開發環境(編輯器)通常會在幕後執行此操作 – Katie