Calculator de specificitate CSS
Calculează specificitatea selectorilor CSS și vezi care are prioritate.
Calculator de specificitate CSS
Lipește unul sau mai mulți selectori CSS, unul pe linie, și această unealtă calculează specificitatea fiecăruia ca scor standard cu trei părți: ID-uri, clase (plus atribute și pseudo-clase) și elemente (plus pseudo-elemente). Specificitatea determină care regulă conflictuală aplică browserul, deci este utilă când două reguli de stil vizează același element și trebuie să știi care are prioritate, sau când depanezi de ce o substituire nu funcționează.
Activează Împarte liste separate de virgule pentru a puncta fiecare selector dintr-o listă cum ar fi ".a, .b" pe o linie separată în loc să le combini în una singură. Ordonează după cel mai puternic reordonează rezultatele de la cea mai mare la cea mai mică specificitate. Alege Tabel pentru o dispoziție de coloane cu ID-uri, clase și elemente detaliate, sau Notație 0-1-2 pentru un scor compact cum ar fi "1-0-2" pe selector. Afișează explicația detaliilor listează care parte din fiecare selector — un ID, o clasă, un element — a contribuit la scor, cel mai rapid mod de a vedea exact de ce o regulă depășește alta.
Calculatorul urmează specificația Selectorilor CSS pentru cazurile dificile: :where() punctează întotdeauna zero indiferent de ce-i în interior, în timp ce :is(), :not() și :has() preiau specificitatea argumentului lor cel mai specific. Un selector care conține !important este marcat, deoarece anulează cascada normală indiferent de specificitate și merită să știi chiar dacă nu face parte din punctajul selectorului propriu. Terminațiile de linie Windows și Unix sunt tratate la fel, iar liniile goale sunt ignorate.
Tot se execută local în browserul tău — selectorii pe care-i lipești nu sunt niciodată trimiși nicăieri, ceea ce este important dacă verifici o bază de cod privată. Copiază rezultatul, descarcă-l ca fișier .txt, sau trimite rezultatul înapoi la intrare pentru a continua să-ți rafinezi selectorii.