CSS Specificity Calculator
100% Client-Side
Selector Input
📂 Cargar Ejemplo
Selector A
Selector B
Presets:
🎯 BEM (.btn vs #id)
🧭 Nav Bar (#nav vs .nav-link)
🖱️ Pseudo (:hover vs :first-child)
📋 Lists (ul li vs ol li)
🏗️ Widget Hierarchy
Results
📋 Copy
⬇ Download Report
VS
How Specificity Works