दिलचस्प पोस्ट
XML को शेलस्क्रिप्ट का उपयोग कैसे करें? मॉडल में वर्तमान_उज़र एक्सेस करें दोहराएँ स्ट्रिंग – जावास्क्रिप्ट डायनामिक SQL कथन में तालिका चर का उपयोग कैसे करें? सरलतम Socket.io उदाहरण का एक उदाहरण क्या है? Matplotlib में पंक्ति का रंग सेट करने के लिए Colormaps का उपयोग करना MySQL में डेटा कैसे उत्पन्न करें? एकीकृत सुरक्षा के बीच अंतर = सही और एकीकृत सुरक्षा = एसएसपीआई कस्टम सूची दृश्य पर setOnItemClickListener एक्सएमएल अनुरोध / उत्तर देना जेएडएस-डब्ल्यूएस के साथ प्रतिक्रियाएं अपडेट के रूप में प्राइमफेस चयनकर्ता कैसे करते हैं – "@ (। मायक्लास)" काम करते हैं? क्या हैं। ए और .so फ़ाइलें? Android 4.3 मेनू आइटम showAsAction = "हमेशा" पर ध्यान नहीं दिया एक सूची में सभी फ़ोल्डर से सभी फाइलों की सूची मैं Dalvik और एंड्रॉइड toolchain से क्या अनुकूलन की उम्मीद कर सकता हूँ?

कक्षा के लिए सीएसएस 3 एनटी प्रकार प्रतिबंधित

क्या सीएसएस 3 के nth-of-type को कक्षा में सीमित करने का कोई तरीका है? मुझे उनके लेआउट की जरूरतों को डिज़ाइन करने वाले विभिन्न वर्गों वाले section तत्वों की गतिशील संख्या मिल गई है मैं हर 3। .module चाहता हूं, लेकिन ऐसा लगता है कि nth-of-type कक्षा तत्व प्रकार को दिखता है और फिर प्रकार की गणना करता है। इसके बजाय मैं इसे केवल सीमित करने के लिए चाहता हूँ। .module एस

धन्यवाद!

JSFiddle प्रदर्शित करने के लिए: http://jsfiddle.net/danielredwood/e2BAq/1/

HTML:

 <section class="featured video"> <h1>VIDEO</h1> </section> <section class="featured module"> <h1>NOT A VIDEO</h1> </section> <section class="featured module"> <h1>NOT A VIDEO</h1> </section> <section class="featured module"> <h1>NOT A VIDEO (3)</h1> </section> <section class="featured module"> <h1>NOT A VIDEO</h1> </section> <section class="featured module"> <h1>NOT A VIDEO</h1> </section> <section class="featured module"> <h1>NOT A VIDEO (6)</h1> </section> 

सीएसएस:

 .featured { width:31%; margin:0 0 20px 0; padding:0 3.5% 2em 0; float:left; background:#ccc; } .featured.module:nth-of-type(3n+3) { padding-right:0; background:red; } .featured.video { width:auto; padding:0 0 2em 0; float:none; }​ 

वेब के समाधान से एकत्रित समाधान "कक्षा के लिए सीएसएस 3 एनटी प्रकार प्रतिबंधित"

दुर्भाग्य से, कोई वर्ग नहीं है (कम से कम कोई भी मुझे नहीं जानता) एक वर्ग के nth-of-type का चयन करने के लिए, क्योंकि nth-of-class मौजूद नहीं है आपको शायद प्रत्येक तीसरे को एक नया वर्ग जोड़ना होगा। मैन्युअल रूप से .module

ऐसा लगता है कि आप वास्तव में क्या चाहते हैं css4: nth-match selector , लेकिन यह अभी तक अधिकांश ब्राउज़रों में समर्थित नहीं है, इसलिए वर्तमान में, ऐसा करने का एकमात्र तरीका जावास्क्रिप्ट के साथ है

 $(".featured.module").filter(function(index, element){ return index % 3 == 2; }).addClass("third"); 

http://jsfiddle.net/w3af16dj/