څرنګه زیبرا پټې شوي میزونه په CSS سره جوړ کړئ

کارول: د nth-type ډول (n) د میزونو سره

د لوست کولو لپاره میزونه اسانه کول، دا ډیری وختونه د بڼې د رنګونو سره د روش قطارونو سره مرسته کوي. د طرز سایټونو لپاره یو له معمول ډولونو څخه دی چې د هر بل قطار پس منظر رنګ ترتیب کړي. دا ډیری وختونه د "زبرا سایټ" په نامه یادېږي.

تاسو کولی شئ دا د سي ایس ایس ټولګي سره هر بل قطار ترتیب کړئ او بیا د دې ټولګي لپاره طرز تعریف کړئ. دا کار کوي مګر د هغې په اړه د تګ کولو لپاره غوره یا تر ټولو اغیزمنه لار نه ده.

کله چې دا طریقه کارول، هر ځل چې تاسو اړتیا لرئ د دې جدول تمدید ته اړتیا لرئ تاسو باید په میز کې هر قطار تغیر کړئ ترڅو ډاډ ترلاسه شي چې هر قطار د بدلونونو سره سمون لري. د مثال په توګه، که تاسو خپل میز ته نوی قطار داخل کړئ، نو لاندې هر بل قطار باید ټولګی ته بدلون ورکړئ.

سي ایس ایس د زبرا په سایټونو سره د اندازې میزونو ته اسانه کوي. تاسو د اضافي اضافی HTML ځانګړتیاو یا سی ایس ایس ټولګیو اضافه کولو ته اړتیا نلرئ، تاسو یواځې د: نان رنګه ډول (n) سی ایس ایس ټاکونکی کاروي .

د: نهه ډوله ډول (ن) ټاکونکی د سی ایس ایس په بڼه یو ساختماني انډول کلاس دی چې تاسو د طرز عنصرونو ته د مور او پالر عناصرو سره د اړیکو پر بنسټ اجازه درکوي. تاسو کولی شئ د دوی د سرچینې امر پر بنسټ د یو یا څو عناصرو غوره کولو لپاره کار واخلئ. په بل عبارت، دا د هر عنصر سره سمون لري چې د خپل پلار د یو ځانګړي ډول نهه ماشوم دی.

خط کولی شې کلیدي وي (لکه بیلګه یا حتي)، یو شمېره، یا فارمول.

د بیلګې په توګه، د پیل پیل شوي رنګ سره هرې پیراګراف ټګ باید وټاکئ، ستاسو سی ایس ایس سند به پدې کې شامل وي:

د: نهه کټګوري (بې وزله) {
شاليد: زيړ
}

د خپل HTML میز سره پیل کړئ

لومړی، خپل میز چمتو کړئ ځکه چې تاسو په عام ډول په HTML کې ولیکئ. د قطارونو یا کالمونو لپاره کوم خاص ټولګي نه اضافه کړئ.

ستاسو په شاليد پاڼه کې، لاندې سي ایس ایس اضافه کړئ:

tr: نهه ډوله (بیلګه) {
شاليد رنګ: #ccc؛
}

دا به هر بل قطار د سپین رنګ سره رنګ پیل کړي چې د لومړۍ قطار سره پیل شي.

په ورته لاره کې د انداز بدیل کالم

تاسو کولی شئ ورته په زړه پورې ډولونه په خپلو میزونو کې ستونزمن کړئ. د دې کولو لپاره، په ساده ډول د خپل سی ایس ایس په ټولګي کې د TD لپاره بدلون بدل کړئ. د مثال په توګه:

td: nth-type-type (بیلګه) {
شاليد رنګ: #ccc؛
}

د نهه ډوله ډول (ن) ټاکونکی په فورمولونو کارول

په ټاکونکی کې کارول شوی فارمول لپاره نخښه یو + ب.

د مثال په توګه، که غواړئ د هر دریم قطار لپاره پس منظر رنګ غوره کړئ، ستاسو فارمول 3N + 0 وي. ستاسو سی ایس ایس کیدای شي داسې ښکاري:

tr: nth-of-type (3n + 0) {
شاليد: سلیټري؛
}

مرستندویه وسیله د نهه ویډیو ډول غوره کولو کارولو لپاره

که تاسو د پنځم ډول ډول ټاکونکی غوره کارولو څخه د فارمولا اړخ لخوا ډډه ​​کول احساس کوئ، نو هڅه وکړئ: د نوت ټیسټر ویب پاڼه د یوه ګټور وسیله په توګه چې تاسو کولی شئ د نخشه تعریف کولو کې ستاسو سره د نظر غوښتلو لپاره مرسته وکړي. د نیټی ډډ مینو څخه کار واخلئ د نهه ډوله ډول غوره کړئ (تاسو دلته د نورو تقویو کلاسونو سره هم، هم د نهه ماشوم په څیر تجربه کولی شئ).