Css specificiteit calculator
Vergelijk de specificiteit van twee CSS-selectors. Bekijk hun scores en de bijbehorende tellingen.
Laatst bijgewerkt:
Plak de twee CSS-selectors die je wilt vergelijken in aparte velden. Gebruik selectors zonder accolades of declaraties.
Je invoer
Veelgestelde vragen
Wat laat de uitsplitsing zien?
Per selector toont de tool drie gezamenlijke tellingen: ID-selectors; klassen, attributen en pseudoklassen; en elementen en pseudo-elementen. Hij toont geen zes afzonderlijke aantallen.
Hoe worden de scores vergeleken?
De tool vergelijkt eerst het aantal ID-selectors, daarna de middelste positie en ten slotte de laatste positie. Pas bij een gelijke positie kijkt hij naar de volgende.
Bepaalt de hoogste score altijd de uiteindelijke stijl?
Nee. De tool beoordeelt geen elementmatch of andere cascadefactoren, zoals herkomst, cascade-lagen, !important en bronvolgorde.
Welke invoer wordt niet ondersteund?
Onder meer selectorlijsten met komma’s, volledige CSS-regels en functionele pseudoklassen zoals :is(), :where(), :not() en :has(). Van :nth-child() worden slechts enkele argumentvormen ondersteund.
Gerelateerde tools
Base64 encoder en decoder
Zet tekst om naar Base64 of decodeer Base64 naar UTF-8-tekst. De omzetting gebeurt in je browser.
Data, code & webCSV kolommen herordenen
Haal overbodige kolommen uit je CSV-bestand. Zet de overige kolommen in de volgorde die je nodig hebt.
Data, code & webCsv naar json
Maak van geplakte CSV-gegevens een JSON-lijst. Kopieer de uitkomst na de omzetting.
Data, code & webRegex escape tool
Maak tekst klaar voor een letterlijke match binnen een reguliere expressie. Speciale regextekens krijgen een backslash.
Data, code & webSubnet berekenen
Bekijk welke adressen bij je IPv4-netwerk horen. Vul een adres met CIDR-prefix in om het bereik te berekenen.
Data, code & webUnix timestamp omrekenen
Maak van een tijdstempel een leesbaar UTC-tijdstip. Of bereken tijdstempels voor een UTC-datum en -tijd.