CSS repetición de clase para aumentar la especificidad

Question

De acuerdo con los documentos CSS: http://www.w3.org/TR/CSS21/cascade.html#specificity

especificidad se define por (entre otras cosas) la cantidad de atributos y pseudo-clases en el selector.

Entonces, mi pregunta es, ¿es posible aumentar la especificidad repitiendo el mismo nombre de clase una y otra vez?

Por ejemplo:

haría

.qtxt.qtxt.qtxt.qtxt.qtxt 
{ 
} 

tienen una mayor especificidad que

.qtxt.lalgn 
{ 
} 

o

.lalgn .qtxt//(space added to create child selector) 
{ 
} 

?

Answer 1

Sí, es posible e intencional. Si bien esto no se menciona en la especificación CSS2, se menciona explícitamente en el Selectors 3 spec:

Nota: ocurrencias repetidas [sic] del mismo selector simple son permitidos y no aumentan la especificidad.

Por lo tanto Navegadores debe aumentar la especificidad cuando se enfrentan a los selectores simples repetidas, siempre y cuando el selector es válida y aplicable. Esto no solo se aplica a las clases repetidas, sino que también se aplica a identificaciones repetidas, atributos y pseudo-clases.

Dado su código, .qtxt.qtxt.qtxt.qtxt.qtxt tendrá la especificidad más alta. Los otros dos selectores son igualmente específicos; combinadores no tienen ninguna incidencia en los cálculos de especificidad en absoluto:

/* 5 classes -> specificity = 0-5-0 */ 
.qtxt.qtxt.qtxt.qtxt.qtxt 

/* 2 classes -> specificity = 0-2-0 */ 
.qtxt.lalgn 

/* 2 classes -> specificity = 0-2-0 */ 
.lalgn .qtxt 

Además, el espacio en su última selector es el descendiente combinador; el niño combinador es >.

Answer 2

No debería necesitar modificar especificidades como esta ... si necesita forzar un valor, use !important.

Answer 3

.qtxt.qtxt.qtxt tendría la más alta especificidad ...

http://jsfiddle.net/nXBTp/1/

Sin embargo, esto es sólo el caso si se repite el nombre de la clase más veces que cualquier otro selector, por ejemplo:

http://jsfiddle.net/nXBTp/2/