CSS sınıf tekrarı CSS dokümanlar göre özgüllüğü

Question

geliştirmek için: http://www.w3.org/TR/CSS21/cascade.html#specificity

Özelliği seçici öznitelikleri ve sözde sınıfları sayısı (diğer şeyler arasında) ile tanımlanır.

Yani, sorum şu, tekrar tekrar aynı sınıf adını tekrarlayarak özgüllüğü artırmak mümkün mü? Örneğin

:

olur

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

.qtxt.lalgn 
{ 
} 

veya

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

daha yüksek özgünlük var?

Answer 1

Evet, bu mümkün ve kasıtlı olarak mümkündür. Bu BB2 teknik özelliklerde bahsedilen olmasa da, açıkça Selectors 3 spec belirtilen:

Not: Tekrarlanan occurrances [sic], aynı basit seçicinin izin verilir ve özgünlüğünü artırmak yoktur.

nedenle sürece seçici geçerli ve uygulanabilir olduğu gibi tekrarlanan basit seçicileri karşılaştığında özgünlüğünü artırmak gerekir tarayıcılar. Bu sadece tekrarlanan sınıflar için geçerli değildir, aynı zamanda tekrarlanan kimlikler, öznitelikler ve sözde sınıflar için de geçerlidir.

Kodunuzu verdiğinizde, .qtxt.qtxt.qtxt.qtxt.qtxt en yüksek özgüllüğe sahip olacaktır. Diğer iki seçici de eşittir; combinators hiç özgüllük hesaplamalarında ilgisi yok:

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

Ayrıca, son seçicideki uzay soyundan combinator olduğu; çocuk birleştirici >'dir.

Answer 2

Böyle bir özelliği zorlamak zorunda kalmamanız gerekirse, özgüllüğü kesmeniz gerekmez ... !important'u kullanın. Eğer sınıf adını kez daha tekrarlayın eğer

Answer 3

.qtxt.qtxt.qtxt en yüksek özgüllük olurdu ... Ancak

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

, bu durum yalnızca olduğuna örneğin başka seçici,:

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