← 全部工具

CSS 選擇器權重計算工具

解析 CSS 選擇器清單並比較 A/B/C 權重元組,涵蓋 :is()、:not()、:has()、:where() 及 nth-child of。

css-specificity-calculator本機處理

正在啟用本機工具…

每欄輸入上限 1 MiB UTF-8;輸出 2 MiB;載入 15 秒、處理 2 秒後停止。內容只留在本機,不上傳或儲存。

依 A、B、C 逐欄比較;不代表完整 cascade。請先展開巢狀 &;不支援 Shadow DOM :host()、:host-context()、::slotted()。

輸入內容或載入範例後執行。

複製受限時,可直接選取唯讀輸出文字。輸入的 HTML、SVG、CSS 與 JavaScript 均不會渲染或執行。

如何使用這個工具

每行輸入選擇器清單,計算後比較排序元組。先比較 A,再 B,最後 C;不是十進位分數。

不適合用在什麼情況

僅靠權重無法決定 CSS cascade。請先展開巢狀 &;不支援 Shadow DOM :host()、:host-context() 與 ::slotted()。行內樣式、layer、來源、important 及原始順序不屬於此元組。

閱讀實作指南 →