Calculateur de spécificité CSS

Comparez les sélecteurs avec des scores en trois composantes.

Sur votre appareil · Sans compte

Calculateur de spécificité CSS traite vos données dans ce navigateur. Les données saisies et les résultats sont exclus des statistiques d’utilisation. La liste des outils récents enregistre leur nom, le nombre de visites et la date et l’heure de la dernière visite. Les outils enregistrés ne sont mémorisés que par leur nom. L’enregistrement des brouillons est facultatif et reste sur cet appareil ; supprimez le texte enregistré avec les commandes du brouillon. Le chargement de texte depuis une URL est facultatif et contacte le serveur concerné ; ce serveur peut voir l’URL demandée et votre adresse IP. L’action facultative « Utiliser dans » conserve les données à transmettre dans cet onglet. L’outil suivant les supprime à son ouverture et les ignore si plus d’une minute s’est écoulée.

L’action « Copier le lien » inclut dans l’adresse les données que vous choisissez de partager. Toute personne disposant du lien peut les retrouver. Les fichiers et les résultats générés sont exclus. Les outils de mots de passe et de clés partagent uniquement leurs paramètres.

Français

Votre saisie

Options et fichier local

Ouvrir un fichier texte sur cet appareil

Les paramètres facultatifs s’appliquent uniquement à cet onglet.

Votre résultat

plus

Raccourcis clavier

À propos des liens et de la réinitialisation

Les liens contiennent vos saisies et vos réglages. Toute personne disposant du lien peut les voir : n’y incluez pas de texte privé. Les fichiers et les résultats générés ne sont pas inclus ; les tirages aléatoires sont relancés.

La réinitialisation recharge l’outil avec ses valeurs initiales et met fin à l’utilisation des fichiers ouverts et au contrôle des appareils. Les brouillons enregistrés restent sur cet appareil jusqu’à ce que vous les supprimiez.

Comment calculer la spécificité CSS

Calculez la spécificité des sélecteurs avec des colonnes distinctes pour les ID, les classes et les types. L’argument de :where() contribue pour zéro ; :is(), :not() et :has() retiennent le score le plus élevé de leurs arguments. Le sélecteur introduit par of dans :nth-child() s’ajoute à la contribution de la pseudo-classe.

Ensuite : Formateur CSS

Ensuite : Calculateur CSS clamp

Ensuite : Générateur de mise en page CSS

Exemple

#a .b p a une spécificité de [1, 1, 1]. :where(#a) p a une spécificité de [0, 0, 1], même si son argument contient un ID.

Avant d’utiliser le résultat

Cet outil compare la syntaxe des sélecteurs ; il ne détermine pas quelle déclaration l’emporte sur une page réelle. Les sélecteurs imbriqués avec & nécessitent le contexte de leur parent. Les règles inconnues des sélecteurs fonctionnels sont refusées plutôt que de recevoir un score supposé.

Citer cette page

Style bibliographique

ToolOctopus. “Calculateur de spécificité CSS.” Mis à jour 7 octobre 2026. https://tooloctopus.com/fr/calculateur-de-spécificité-css.

Ajoutez une date de consultation si vos consignes l’exigent.

Les références sont mises en forme avec citeproc-js, de Frank Bennett, et les styles Citation Style Language. Licence et code source.