SCSS 转 CSS 转换器。
免费的在线 SCSS 转 CSS 编译器，无需安装。可将 SCSS/SASS 文件编译为 CSS 格式。
關於 SCSS 轉 CSS
透過解析以縮排為基礎的規則區塊，將 SCSS 巢狀結構展平為一般 CSS。它會將巢狀選取器與父層選取器串接（遵循 & 父層參照簡寫），輸出每條規則及其屬性，並移除行內註解、$variable 宣告等 SCSS 專屬特性。
如何使用
1. 將 SCSS 貼到輸入框。 2. 點擊 Convert，在輸出框中渲染出 CSS。 3. 使用 Copy 複製結果。如果輸入為空，會顯示錯誤提示。
巢狀結構與變數
巢狀選取器會以空格與父層選取器串接，例如 .parent .child。以 & 開頭的子選取器（包括 &:hover 這類偽類）會不加空格地直接串接到父層之後。SCSS 的 $variable 宣告會被替換為 /* $variable removed */ 註解，其餘仍出現的 $name 使用會被改寫為 var(--variable)，因此即使不做完整的變數解析，輸出也是合法的 CSS。
▶解析器是如何偵測巢狀深度的？
它會測量每行的前導空白，並維護一個已開啟規則的堆疊。如果某一行的縮排比上一條規則更深，就成為該規則的子層；如果縮排相同或更淺，則將堆疊退回至符合的父層。
▶SCSS 變數是如何處理的？
$var: value; 宣告會被刪除並替換為註解，其餘對 $var 的參照會被改寫為 var(--variable)。本工具不會替換原始值，因此若需要完整的變數解析，請改用 Dart Sass 編譯器。
▶支援 @include、@mixin 或 @extend 嗎？
不支援。轉換器僅處理巢狀選取器與基礎屬性。Mixin、繼承、函式以及 @use/@import 都不會被展開，應交由真正的 Sass 編譯器處理。
▶行內註解會被保留嗎？
不會。以 // 開頭的行會在解析時被捨棄，因為它們在一般 CSS 中並不合法；只有標準的 /* ... */ 區塊註解才會出現在輸出中。
如果这个工具对你有帮助，请考虑请我喝杯咖啡。
請幫我買杯咖啡吧。