← Tous les outils texte

Calculateur de spécificité CSS

Déterminez quel sélecteur CSS l'emporte, avec le score de chaque sélecteur (ID, classes, éléments).

  • Gratuit
  • Sans inscription
  • Fonctionne sur tous les appareils

À propos de Calculateur de spécificité CSS

Collez des sélecteurs CSS et voyez la spécificité de chacun sous forme de trois nombres : les ID, puis les classes, attributs et pseudo-classes, puis les éléments. Le score le plus élevé l'emporte quel que soit l'ordre dans la source, et à score égal la règle suivante gagne. Les styles en ligne l'emportent sur tous les sélecteurs, et !important l'emporte sur eux.

Comment utiliser Calculateur de spécificité CSS

  1. Saisissez ou collez un ou plusieurs sélecteurs CSS, un par ligne.
  2. Consultez le score de chacun, affiché en ID, classes et éléments.
  3. Comparez les scores pour voir quelle règle l'emporte.

Pourquoi utiliser cet outil ?

Aussi appelé

Questions fréquentes

Quelle est la spécificité d'un sélecteur de classe ?

Une seule classe compte pour 0,1,0. Un ID vaut 1,0,0 et un simple élément comme div vaut 0,0,1. Comparez-les de gauche à droite, et non comme un seul nombre décimal.

Que se passe-t-il quand deux sélecteurs ont la même spécificité ?

La règle qui apparaît plus tard dans la feuille de style l'emporte. L'ordre ne compte donc que lorsque les scores sont égaux.

important l'emporte-t-il sur la spécificité ?

Oui, une déclaration marquée important l'emporte sur les normales quelle que soit la spécificité. Utilisez-la avec parcimonie, car elle rend les surcharges ultérieures plus difficiles.

Calculateur de spécificité CSS est-il gratuit ?

Oui. Calculateur de spécificité CSS est gratuit sur Toolipedia, sans inscription et sans filigrane.

Est-ce sûr ?

Oui. Tous les calculs se font dans votre navigateur et rien de ce que vous saisissez n’est envoyé à notre serveur.

Est-ce que ça fonctionne sur mon téléphone ?

Oui. L’outil fonctionne dans tout navigateur récent sur Android et iPhone, ainsi que sur tablette et ordinateur. Il n’y a rien à installer.

Faut-il un compte ?

Non. Ouvrez simplement la page et utilisez l’outil. Aucune inscription ni adresse e-mail n’est nécessaire.

Puis-je mettre Calculateur de spécificité CSS sur mon propre site ?

Oui. Utilisez le bouton « Intégrer sur votre site » sous l'outil pour copier un court extrait de code et le coller dans votre page. C'est gratuit, sans compte, et l'outil continue de fonctionner dans votre page.

Outils similaires