Calculateur de Specificite CSS
Ce calculateur de specificite CSS calcule instantanement le poids des selecteurs pour expliquer pourquoi certaines regles priment sur d'autres. Collez des selecteurs et obtenez la trilogie (a, b, c).
Specificity Results
How to Read Specificity
(a, b, c)where:- a = ID selectors (#id)
- b = Class selectors (.class), attribute selectors ([type="text"]), pseudo-classes (:hover)
- c = Element selectors (div, p), pseudo-elements (::before)
- Higher numbers win. Compare left to right: (1,0,0) beats (0,99,99)
Pourquoi cet outil
La specificite determine quels styles s'appliquent lorsque plusieurs regles ciblent le meme element. Cet outil aide a repérer la cause des conflits.
Evitez d'utiliser !important inutilement; identifiez et corrigez la regle plus specifique.
Prend en charge des selecteurs complexes avec combinators et pseudo-classes pour faciliter la maintenance du CSS.