زيبرا اسپيڊ ٿيل ٽيبلس سي ايس سان ڪيئن ٺاهيو

استعمال ڪندي: nth-قسم جي (ن) ٽيبل سان

جدولن کي پڙهڻ لاء آسان بڻائي، اهو اڪثر ڪري پس منظر رنگن سان قطار انداز ڪرڻ وارو مددگار هوندو آهي. عام طريقن جي اندازن مان هڪ هر هڪ قطار جي پس منظر رنگ قائم ڪرڻ آهي. اهو اڪثر ڪري "زبرا سوراخ" جي طور تي لکيو ويندو آهي.

توهان مڪمل ڪري سگهو ٿا اهو هر هڪ قطار سي ايس ايس سيز سان ترتيب ڏئي ۽ پوء انهي ڪلاس لاء انداز بيان ڪيو وڃي ٿو. اهو ڪم، پر ان جي باري ۾ ڄاڻڻ لاء بهترين يا موثر طريقو نه آهي.

جڏهن هي طريقو استعمال ڪندي، هر دفعي توهان ميز کي تبديل ڪرڻ جي ضرورت آهي ته توهان کي قطار ۾ هر هڪ قطار کي ترميم ڪرڻ لاء يقيني بڻائڻ لاء هر قطار تبديلين سان مطابقت رکي ٿي. مثال طور، جيڪڏهن توهان جي ٽيبل تي نئين قطار داخل ڪريو، ان جي هيٺان هر هڪ قطار طبقي تبديل ٿيڻ جي ضرورت آهي.

سي ايس ايز زبرا جي سوراخ سان اسلوب ٽيبل کي آسان بڻائي ٿو. توهان ڪنهن به اضافي HTML صفتن يا سي ايس ايسز کي شامل ڪرڻ جي ضرورت نه آهي، توهان صرف صرف هيٺ ڏنل استعمال ڪريو: nth-type-type (n) CSS چونڊيندڙ .

: nth-type-n (چونڊيل) چونڊيندڙ سي ايس ۾ هڪ بناوتري بنيادي طريقي سان آهي جيڪا توهان جي والدين ۽ ڀائرن جي عناصرن جي رشتي جي بنياد تي طرز عناصر کي اجازت ڏئي ٿي. توهان ان جي ذريعيت جي بنياد تي هڪ يا وڌيڪ عناصر کي چونڊڻ لاء استعمال ڪري سگهو ٿا. ٻين لفظن ۾، اهو هر عنصر سان ملي ٿو جيڪو هڪ خاص قسم جي نون اولاد آهي ان جي والدين.

خط ن ڪوڊيل ٿي سگهي ٿو (جهڙوڪ بي جوڙ يا اڃا به)، هڪ نمبر، يا فارمولا.

مثال طور، انداز سان هر رنگ جي پس منظر رنگ سان هر هڪ پيراگراف ٽريج، توهان جي سي ايس ڊي دستاويزن ۾ شامل هونديون.

ص: قسم جا قسم (جهڙوڪ) {
پس منظر؛ ڦڪو
}

شروع ڪريو پنهنجي HTML ٽيبل سان

پهريون، توهان جي ٽيبل ٺاهيو جيئن توهان عام طور تي ان کي HTML ۾ لکي سگهندا. قطار يا ڪالمن ڏانهن ڪنھن خاص ڪلاس شامل نه ڪريو.

توهان جي خاڪي شيٽٽ ۾، هيٺ ڏنل سي ڊي شامل ڪريو:

tr: ماني قسم جو قسم (بي جوڙ) {
background-color: #ccc؛
}

هي هڪ ٻئي قطار جي پهرين قطار سان ٿيندڙ سرمائي پس منظر رنگ سان ڪتب آڻيندو.

ساڳي طريقي ۾ اسپيڊ متبادل ٺاهڻ وارو

توهان توهان جي ٽيبلن ۾ ڪالمين وانگر ساڳئي قسم جا اسٽائل ڪري سگهو ٿا. ائين ڪرڻ لاء، صرف توهان سي ايس ايس جي درجي ۾ ٽري تبديلي ٽ ڊي ڪريو. مثال طور:

td: nth-type قسم (بي جوڙ) {
background-color: #ccc؛
}

ھڪڙي قسم جي قسم ۾ فارمولا استعمال ڪرڻ (n) منتخب ڪندڙ

منتخب ڪندڙ لاء فارمولي لاء نحو هڪ + بي آهي.

مثال طور، جيڪڏهن توهان هر دريم قطار لاء پس منظر رنگ مقرر ڪرڻ چاهيو ٿا، توهان جو فارمولا 3n + 0 هوندو. توھانجي سي ايس شايد ھن کي نظر اچن ٿا:

tr: ماني قسم جي قسم (3n + 0) {
پس منظر: غلامي؛
}

نون قسم جي چونڊيندڙ کي استعمال ڪرڻ لاء مددگار اوزار

جيڪڏهن توهان سليڪ طبقي جي نون-قسم-قسم جي چونڊيندڙ کي استعمال ڪرڻ واري فارمولا پہاڙي کان ٿورو دڙو محسوس ڪري رهيا آهيو، ڪوشش ڪريو: نٿ ٽيسٽ سائيٽ هڪ مفيد اوزار جي طور تي، جيڪو توهان جي نظر کي حاصل ڪرڻ لاء مطابقت کي بيان ڪرڻ ۾ مدد ڪري سگھن ٿا. ڊائونڊ ڊائونلوڊ مينيو کي منتخب ڪرڻ لاء استعمال ڪريو ٽائيپ قسم جو (توهان تجربه ٻين ممنوع طبقي سان پڻ هتي، جهڙوڪ نٿ-ٻار) پڻ.