工具用的順手嗎？
你的回饋能幫助我們做得更好
將Stylus語法程式碼轉換為標準LESS格式，適用於前端專案遷移和團隊協作。
此處僅預覽平面選擇器與字面值CSS屬性。變數、混入、函式、匯入、運算式與巢狀結構需使用Stylus編譯器；不支援的輸入會顯示錯誤。CSS轉Stylus保留CSS文字，不會改寫成縮排語法。
概覽
了解工具能解決的問題、計算或處理邏輯，以及資料邊界。
Stylus 常以縮排表達選擇器與屬性的層級，省略大括號、分號，有時也省略屬性冒號。這個工具可把常見的縮排規則整理成含大括號、冒號與分號的 CSS 風格文字；這種基本 CSS 語法也能作為 LESS 檔案中的樣式規則底稿，方便後續編輯。輸入與輸出都是文字，不會替你搬移專案檔案或設定建置流程。
例如輸入 .notice
color #333，會依下一行縮排形成選擇器區塊，並把屬性行補成冒號和分號。若有 &:hover 這類父選擇器寫法，輸出會保留在巢狀區塊中；最終選擇器是否符合目標，仍要用專案採用的編譯器檢查。
縮排轉換器無法等同 Stylus 編譯器。此處以 name = value 形式出現的葉節點，會改寫成 --name: value; 這種 CSS 自訂屬性宣告；其他程式碼中的 name 引用不會連動改成 LESS 的 @name，也不會自動替你決定該採用 LESS 變數或 var(--name)。函式、混入、迴圈、條件、匯入和複雜運算沒有語意對應，不可假設能保留原本效果。
按下方向切換後，LESS → Stylus 這一側實際呈現的是 LESS 編譯得到的一般 CSS，並非移除括號後的縮排式 Stylus。若任務是產生可直接替代專案原始碼的等價檔案，請使用完整語言工具鏈逐項遷移與測試。
指南
依步驟完成操作，並透過範例核對輸入與結果。
此工具頁預設 Stylus → LESS。確認畫面方向標示後，再貼上對應語言的片段；方向按鈕會把目前輸出移回輸入區，若輸出尚空，輸入也會變空。
建議先用一個選擇器、幾個一般屬性和一層巢狀狀態測試，不要直接把整個專案當成可自動遷移。也可載入範例觀察輸入與輸出格式。
按下轉換後檢查大括號、屬性分號、巢狀關係及父選擇器。若程式碼使用變數，搜尋宣告與每處引用，手動統一目標寫法。
複製結果到隔離的測試檔，以專案實際使用的 LESS 或 Stylus 編譯器處理，查看錯誤並比對輸出的 CSS 選擇器、屬性和值，再決定如何納入專案。
情境
查看這項工具在不同工作與生活流程中的用法。
前端開發者手上只有幾段縮排式 Stylus 基礎規則時，可先轉成有括號的草稿，再於目標 LESS 專案逐一確認變數及巢狀選擇器。
團隊想快速檢視一般屬性在另一種格式中的排列方式，可先用少量樣式試轉，將輸出當作人工審查起點，而不是直接覆蓋正式樣式表。
需要查看 LESS 變數和巢狀展開後的 CSS 時，可使用反向方向取得一般 CSS，再與專案預期的樣式輸出比對；它不會產生慣用的縮排式 Stylus。
問答
集中解答常見疑問與容易混淆的問題。
不會。變數賦值行可能整理為 CSS 自訂屬性宣告，但其餘引用不會同步改寫。請依目標設計逐處修改宣告和引用，並用編譯結果確認。
該方向會解析 LESS 並輸出編譯後的普通 CSS，沒有把程式碼重新排版成縮排式 Stylus。因此這份結果可用來檢查 CSS，不應直接當作 Stylus 原始碼。
輸出會保留一般巢狀區塊及父選擇器符號，但複雜選擇器是否符合原意，取決於目標語言的解析與編譯。請比較轉換前後實際產生的 CSS。
須知
使用前了解適用範圍、結果限制與必要提醒。
本工具適合檢視和整理常見縮排規則，不是完整的 Stylus 語法解析器或專案級轉譯器。縮排不規則、看似屬性卻被視為選擇器的行、特殊選擇器、函式、混入、控制流程、匯入與複雜表達式，都可能無法正確轉換；以
//開頭的行註解會被略過。轉換成功只表示產生了文字，不代表兩種樣式表語言的語意相同，也不代表結果可直接編譯。保留原檔，在副本中處理；確認變數、巢狀規則和編譯後 CSS 後再採用。LESS 反向結果是一般 CSS，需另行轉寫才會成為縮排式 Stylus。
推薦
查找相關工具、專題與可用的 API 能力。
