CSS-specificiteit berekenen

Vergelijk selectors met scores in drie onderdelen.

Op je apparaat · Geen account

CSS-specificiteit berekenen verwerkt je invoer in deze browser. Invoer en resultaten worden niet opgenomen in de statistieken. Bij recent gebruikte tools worden toolnamen, aantallen bezoeken en tijdstippen van het laatste bezoek opgeslagen. Bij opgeslagen tools worden alleen de namen bewaard. Concepten opslaan is optioneel en gebeurt op dit apparaat; verwijder opgeslagen tekst met de knoppen voor het concept. Tekst laden via een URL is optioneel en maakt verbinding met die server; de server ziet de URL en je IP-adres. De optionele actie “Gebruiken in” bewaart gegevens voor overdracht in dit tabblad. De volgende tool verwijdert die gegevens bij het openen en negeert ze als er meer dan een minuut is verstreken.

‘Link kopiëren’ neemt de invoer die je wilt delen op in het webadres. Iedereen met die link kan de invoer opnieuw openen. Bestanden en gegenereerde resultaten worden niet opgenomen. Tools voor wachtwoorden en sleutels delen alleen instellingen.

Nederlands

Je invoer

Opties en lokaal bestand

Een tekstbestand op dit apparaat openen

Optionele instellingen gelden alleen voor dit tabblad.

Je resultaat

Meer

Sneltoetsen

Over links en resetten

Links bevatten je invoer en instellingen. Iedereen met de link kan die zien, dus laat privétekst weg. Bestanden en gegenereerde resultaten worden niet opgenomen; willekeurige trekkingen worden opnieuw uitgevoerd.

Resetten laadt de tool opnieuw met de beginwaarden, sluit geopende bestanden en geeft de bediening van apparaten vrij. Opgeslagen concepten blijven op dit apparaat staan totdat je ze verwijdert.

Hoe werkt CSS-specificiteit berekenen?

Bereken de specificiteit van selectors met aparte kolommen voor ID's, klassen en typen. Het argument van :where() draagt nul bij; :is(), :not() en :has() gebruiken de hoogste score van hun argumenten. De selector na of in :nth-child() telt mee boven op de pseudoklasse.

Volgende: CSS-formatter

Volgende: CSS clamp berekenen

Volgende: CSS-layoutgenerator

Voorbeeld

#a .b p heeft specificiteit [1, 1, 1]. :where(#a) p heeft [0, 0, 1], ook al bevat het argument een ID.

Voordat je het resultaat gebruikt

Dit vergelijkt selectorsyntaxis en bepaalt niet welke declaratie op een livepagina wint. Geneste &-selectors hebben de context van hun bovenliggende selectors nodig. Onbekende functionele selectorregels worden geweigerd en krijgen geen geschatte score.

Bijgewerkt 7 oktober 2026

Deze pagina citeren

Referentiestijl

ToolOctopus. “CSS-specificiteit berekenen.” Bijgewerkt 7 oktober 2026. https://tooloctopus.com/nl/css-specificiteit-berekenen.

Voeg een raadpleegdatum toe als je instructies dat vereisen.

Bronvermeldingen worden opgemaakt met citeproc-js van Frank Bennett en stijlen uit Citation Style Language. Licentie en broncode.