Handy Orchard

CSS 選擇器結構拆解

解析選擇器結構,不查詢頁面元素。

輸入資料

輸入變更時會清除舊輸出。

結果

輸入資料或帶入範例,再執行工具。

計算範例

範例列出 class、id、屬性、組合符與巢狀偽類節點。

方法

固定版本 postcss-selector-parser 產生真正語法樹、節點來源偏移與可下載 JSON;節點識別字保留程式名稱。

適用限制

選擇器最多 30,000 字元、巢狀 64 層、5,000 節點。不查詢 DOM、不注入樣式。語法結構檢視並非完整樣式表驗證或瀏覽器支援保證。

所有處理留在此瀏覽器;每次工作執行緒會在 2.5 秒或取消時終止。不傳送輸入內容與處理紀錄至分析服務。

來源

固定原始碼第三方授權聲明

相關工具

CSS 屬性語法檢查CSS 瀏覽器前綴產生CSS 色彩空間與色域轉換WCAG 對比檢查

輸入資料留在此裝置。只有經您同意的選擇性瀏覽量會被統計;計算值、檔案、檔名與處理日誌不送至 Analytics。

切換語言時,文字、設定與選取檔案會暫存於此裝置,還原後移除;中斷的暫存會於後續造訪清理。輸入與檔案不會上傳。