CSS Specificity Calculator
Calculate and compare CSS selector specificity.
IDs (A) Classes (B) Elements (C)
body #page .content p::first-line1,1,3
#header .nav a1,1,1
#sidebar .widget h31,1,1
div.container > ul li a.active0,2,4
.main-content p0,1,1
Related Tools in CSS & Design
CSS Units Calculator
Convert between px, rem, em, vw, vh, and other CSS units.
Open Tool →
Viewport Size Detector
Detect and display current viewport dimensions.
Open Tool →
Device Screen Size Reference
Reference guide for common device screen sizes.
Open Tool →
Golden Ratio Calculator
Calculate golden ratio proportions for design.
Open Tool →
Design System Token Generator
Generate design tokens for spacing, colors, and typography.
Open Tool →
Box Shadow Generator
Generate CSS box-shadow with visual controls and live preview.
Open Tool →