CSS / SCSS / SASS 轉換器

在標準 CSS 與 SCSS / SASS 預處理器語法間進行即時互相轉換。支援將原本平坦的 CSS 智慧合併轉換為 SCSS 巢狀樹結構,以及 SASS 大括號/無括號縮排互轉與格式整理。所有解析皆在瀏覽器端極速完成,100% 不上傳任何樣式碼。

樣式轉換選項

請在左側貼上您的程式碼,選擇轉換方向即可即時預覽結果。

  • 支援 CSS 到 SCSS 安全巢狀轉換 (Nesting)
  • SCSS 與 SASS 語法縮排無縫互轉 (Indentation Swap)
  • 自動排版:自訂 2 / 4 空格縮排
  • 結果一鍵複製 (Copy)
原始碼 (CSS)
轉換結果 (SCSS)

常見問題

支援 SCSS 轉 CSS,還是 CSS 轉 SCSS?

兩者皆支援。可將 CSS 轉為帶有巢狀結構的 SCSS,也可將 SCSS 編譯展開為標準 CSS,並支援格式美化與壓縮。

轉換後的 CSS 可以直接用於生產環境嗎?

可以。工具使用業界標準的轉換引擎,輸出結果符合 W3C CSS 規範,壓縮模式可移除所有空白與註解以減少檔案大小。

支援 SASS 縮排語法(.sass)嗎?

目前支援 SCSS 語法(使用大括號),不支援縮排式的 .sass 語法。