Càlcul de l'especificitat

Publicat el 29/08/2006

Per calcular l'especificitat d'una regla cal tenir en compte:

  1. Ús d'estils en línia (= a)
  2. Nombre d'atributs id (= b)
  3. Nombre d'altres atributs i de pseudo-classes (= c)
  4. Nombre d'elements i pseudo-elements (= d)

Concatenant els quatre números resultants (a,b,c,d) s'obté l'especificitat:


*              {}  /* a=0 b=0 c=0 d=0  Especificitat = 0,0,0,0 */
li             {}  /* a=0 b=0 c=0 d=1  Especificitat = 0,0,0,1 */
li:first-line  {}  /* a=0 b=0 c=0 d=2  Especificitat = 0,0,0,2 */
ul li          {}  /* a=0 b=0 c=0 d=2  Especificitat = 0,0,0,2 */
ul ol+li       {}  /* a=0 b=0 c=0 d=3  Especificitat = 0,0,0,3 */
h1 + *[rel=up] {}  /* a=0 b=0 c=1 d=1  Especificitat = 0,0,1,1 */
ul ol li.red   {}  /* a=0 b=0 c=1 d=3  Especificitat = 0,0,1,3 */
li.red.level   {}  /* a=0 b=0 c=2 d=1  Especificitat = 0,0,2,1 */
#x34y          {}  /* a=0 b=1 c=0 d=0  Especificitat = 0,1,0,0 */
style=""           /* a=1 b=0 c=0 d=0  Especificitat = 1,0,0,0 */

Recursos relacionats

Comentaris

Afegir un comentari