CSS 選擇器權重計算工具
解析 CSS 選擇器清單並比較 A/B/C 權重元組,涵蓋 :is()、:not()、:has()、:where() 及 nth-child of。
css-specificity-calculator本機處理
正在啟用本機工具…
複製受限時,可直接選取唯讀輸出文字。輸入的 HTML、SVG、CSS 與 JavaScript 均不會渲染或執行。
如何使用這個工具
每行輸入選擇器清單,計算後比較排序元組。先比較 A,再 B,最後 C;不是十進位分數。
不適合用在什麼情況
僅靠權重無法決定 CSS cascade。請先展開巢狀 &;不支援 Shadow DOM :host()、:host-context() 與 ::slotted()。行內樣式、layer、來源、important 及原始順序不屬於此元組。
閱讀實作指南 →