CSS classe ripetizione per aumentare la specificità

Question

Secondo la documentazione CSS: http://www.w3.org/TR/CSS21/cascade.html#specificity

specificità è definito da (tra le altre cose) il numero di attributi e pseudo-classi nel selettore.

Quindi, la mia domanda è, è possibile aumentare la specificità ripetendo lo stesso nome di classe più e più volte?

Per esempio:

farebbe

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

hanno una specificità superiore

.qtxt.lalgn 
{ 
} 

o

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

?

Answer 1

Sì, è possibile e intenzionalmente. Anche se questo non è menzionato nelle specifiche CSS2, è esplicitamente menzionato nel Selectors 3 spec:

Nota: occorrenze ripetute [sic] dello stesso selettore semplice sono ammessi e aumentano la specificità.

browsers Pertanto deve aumentare la specificità quando incontra selettori semplici ripetute, finché il selettore è valido e applicabile. Questo non si applica solo a classi ripetute, ma si applica anche a ID ripetuti, attributi e pseudo-classi.

Dato il codice, .qtxt.qtxt.qtxt.qtxt.qtxt avrà la massima specificità. Gli altri due selettori sono ugualmente specifici; combinatori hanno alcuna attinenza nei calcoli specificità affatto:

/* 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 

Inoltre, lo spazio nel tuo ultimo selettore è il discendente combinatore; il combinatore è >.

Answer 2

Non è necessario modificare la specificità in questo modo ... se è necessario forzare un valore, utilizzare !important.

Answer 3

.qtxt.qtxt.qtxt avrebbe la più alta specificità ...

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

Tuttavia, questo è solo il caso se si ripete il nome della classe più volte che qualsiasi altro selettore, ad esempio:

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