Calculateur de spécificité CSS
(a, b, c) pour chaque sélecteur.
| Sélecteur | Spécificité | ID | Classes, attributs, pseudo-classes | Éléments, pseudo-éléments |
|---|---|---|---|---|
| #nav .item a:hover | 1,2,1 | 1 | 2 | 1 |
| :is(#a, .b) > p::before | 1,0,2 | 1 | 0 | 2 |
| a[href^="https"]:not(.ext) | 0,2,1 | 0 | 2 | 1 |
| ul li.active | 0,1,2 | 0 | 1 | 2 |
| :where(.card) h2 | 0,0,1 | 0 | 0 | 1 |
| * | 0,0,0 | 0 | 0 | 0 |
Tout se passe dans votre navigateur. Rien n’est envoyé nulle part.
Comment ça marche
- 1Collez ou saisissez votre texte.
- 2Choisissez les options nécessaires.
- 3Copiez ou téléchargez le résultat.
À propos de cet outil
Calculateur de spécificité CSS : (a, b, c) pour chaque sélecteur. Collez votre texte et le résultat apparaît immédiatement, prêt à copier ou télécharger. Tout se passe dans votre navigateur — rien n’est envoyé ni stocké.
Comment utiliser l’outil « Calculateur de spécificité CSS » ?
Collez ou saisissez votre texte. Choisissez les options nécessaires. Copiez ou téléchargez le résultat.
L’outil « Calculateur de spécificité CSS » est-il gratuit ?
Oui. Il est entièrement gratuit, sans inscription, sans limite d’utilisation et sans filigrane.
Mes données sont-elles envoyées à un serveur ?
Non. Tout est calculé localement dans votre navigateur. Rien de ce que vous saisissez n’est envoyé, journalisé ni stocké.
Est-ce que ça marche sur mobile ?
Oui. Il fonctionne dans tout navigateur récent sur Android, iPhone, iPad, Windows, Mac et Linux — sans application.