दिलचस्प पोस्ट
सीएसएस () के साथ jQuery का विलंब () का उपयोग करना Mysql या / और पूर्वता? एमएस एक्सेस (जेट / एसीई) में तालिका-कम यूनियन क्वेरी जावा में एनोटेशन कैसे और कहाँ हैं? java: यह क्या है: [Ljava.lang.Object ;? पायथन में फिर से फाइल खोजने के लिए एक ग्लोब () का प्रयोग करें? MySQL: बड़ा VARCHAR बनाम पाठ? एंड्रॉइड छविदृश्य ज़ूम इन और ज़ूम-आउट ExecJS :: उपयोगकर्ता में रनटाइम त्रुटि # इंडेक्स (आरओआर) Google Gson – deserialize सूची <class> ऑब्जेक्ट? (सामान्य प्रकार) एचटीएम 5 वीडियो टैग पर स्रोत बदल रहा है $ Http के लिए कोयरी आईई कैशिंग समस्या कैसे जावास्क्रिप्ट का उपयोग कर एक HTML तत्व में एक विशेषता को जोड़ने / अपडेट करें? मैं एक घटक टेम्प्लेट में एक तत्व कैसे चुन सकता हूं? निर्धारित करें कि डिवाइस स्मार्टफोन या टैबलेट है?

कक्षा के लिए सीएसएस 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/