CSS वर्ग पुनरावृत्ति विशिष्टता

Question

बढ़ाने के लिए सीएसएस डॉक्स के अनुसार: http://www.w3.org/TR/CSS21/cascade.html#specificity

विशिष्टता (अन्य बातों के साथ) गुण और चयनकर्ता में छद्म वर्गों की संख्या से परिभाषित किया गया है।

तो, मेरा सवाल यह है कि, समान कक्षा नाम दोबारा दोहराकर विशिष्टता में वृद्धि करना संभव है?

उदाहरण के लिए:

होगा

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

से

.qtxt.lalgn 
{ 
} 

या

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

एक उच्च विशिष्टता है?

Answer 1

हां, यह संभव और जानबूझकर ऐसा है। हालांकि यह सीएसएस 2 कल्पना में उल्लेख नहीं है, यह स्पष्ट रूप से Selectors 3 spec में बताया गया है:

नोट: दोहराया occurrances [वैसा] एक ही सरल चयनकर्ता की अनुमति दी जाती है और विशिष्टता बढ़ा सकते हैं।

इसलिए ब्राउज़र विशिष्टता को बढ़ाना होगा जब बार-बार सरल चयनकर्ताओं का सामना कर, जब तक कि चयनकर्ता मान्य और लागू है। यह न केवल बार-बार कक्षाओं पर लागू होता है, बल्कि बार-बार आईडी, विशेषताओं और छद्म-वर्गों पर भी लागू होता है।

अपने कोड को देखते हुए, .qtxt.qtxt.qtxt.qtxt.qtxt उच्चतम विशिष्टता होगी। अन्य दो चयनकर्ता समान रूप से विशिष्ट हैं; combinators बिल्कुल विशिष्टता गणना में कोई असर नहीं:

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

इसके अलावा, अपने पिछले चयनकर्ता में अंतरिक्ष वंशज Combinator है; बच्चे संयोजक > है।

Answer 2

आपको इस तरह की विशिष्टता को हैक करने की आवश्यकता नहीं है ... यदि आपको कोई मूल्य लागू करने की आवश्यकता है, तो !important का उपयोग करें।

Answer 3

.qtxt.qtxt.qtxt उच्चतम विशिष्टता के लिए होता है ...

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

हालांकि, यह केवल मामला है अगर तुम वर्ग के नाम से अधिक बार दोहराने कि किसी अन्य चयनकर्ता, उदाहरण के लिए:

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