Css specificiteit calculator

Gebruik deze tool om de specificiteit van twee afzonderlijke CSS-selectors te vergelijken. Vul bij CSS-selector 1 en CSS-selector 2 elk één selector in, bijvoorbeeld #menu .item:hover en li:nth-child(odd). Klik op Specificiteit berekenen; de uitkomst verschijnt niet tijdens het typen. Per selector zie je een score met drie posities: ID-selectors, een gezamenlijke telling van klassen, attributen en pseudoklassen, en een gezamenlijke telling van elementen en pseudo-elementen. De tool vergelijkt die posities van links naar rechts en geeft aan welke selector doorgaans voorrang heeft of dat beide gelijk scoren. Bij ongeldige of niet-ondersteunde invoer verschijnt een melding. Selectorlijsten met komma’s, volledige CSS-regels, !important en functionele pseudoklassen zoals :is(), :where(), :not() en :has() worden niet verwerkt. Wissen leegt de invoer en verbergt de uitkomst. De tool controleert geen stylesheet, cascade-laag of daadwerkelijke elementmatch.