سی ایس ایس کے ساتھ زبرا سٹرپٹیز میزیں کیسے بنائیں

استعمال کرتے ہوئے: اینٹی کی قسم (این) میزیں کے ساتھ

میزیں پڑھنے کے لئے آسان بنانے کے لئے، پس منظر کے رنگ کو تبدیل کرنے کے ساتھ اکثر انداز قطاروں میں مددگار ہوتا ہے. طرز میزوں میں سے ایک عام طریقوں میں سے ایک ہر دوسری صف کے پس منظر کا رنگ قائم کرنا ہے. یہ اکثر "زبرا داریوں" کے طور پر کہا جاتا ہے.

آپ یہ کر سکتے ہیں کہ یہ سی ایس ایس کی کلاس کے ساتھ ہر دوسری قطار کی ترتیب اور پھر اس کلاس کے لئے سٹائل کی وضاحت کی طرف سے ہے. یہ کام لیکن اس کے بارے میں جانے کا بہترین اور سب سے زیادہ مؤثر طریقہ نہیں ہے.

جب اس طریقہ کو استعمال کرتے ہوئے، ہر دفعہ آپ کو اس میز میں ترمیم کرنے کی ضرورت ہے تو آپ کو میز میں ہر ایک قطار میں ترمیم کرنا پڑے گا تاکہ یہ یقینی بنایا جائے کہ ہر قطار میں تبدیلیوں کے ساتھ مطابقت رکھتی ہے. مثال کے طور پر، اگر آپ اپنی میز پر ایک نئی قطار داخل کرتے ہیں، تو اس کے نیچے ہر دوسری قطار کی کلاس کو تبدیل کرنے کی ضرورت ہے.

سی ایس ایس زبرا کی سٹرپس کے ساتھ سٹائل کی میزیں آسان بناتا ہے. آپ کو کسی بھی اضافی ایچ ٹی ایم ایل کی خاصیت یا سی ایس ایس کی کلاسوں کو شامل کرنے کی ضرورت نہیں ہے، آپ صرف: نویں قسم کی قسم (این) سی ایس ایس کا انتخاب کرتے ہیں .

: این ٹی قسم کی قسم (ن) انتخابی سی ایس ایس میں ایک ساختمانی موثر طبقہ ہے جو والدین اور بھائی بہنوں کے تعلقات کے مطابق آپ کو طرز عناصر کی اجازت دیتا ہے. آپ ان کے منبع آرڈر پر مبنی ایک یا زیادہ عناصر کو منتخب کرنے کے لئے اس کا استعمال کرسکتے ہیں. دوسرے الفاظ میں، یہ ہر عنصر سے مل سکتا ہے جو اس کے والدین کی ایک خاص قسم کے نویں بچے ہے.

خط نمبر ایک مطلوبہ الفاظ (جیسے عجیب یا یہاں تک کہ)، ایک نمبر، یا فارمولہ ہوسکتا ہے.

مثال کے طور پر، پیلے رنگ کے پس منظر کا رنگ کے ساتھ ہر دوسرے پیراگراف ٹیگ کو سٹائل کرنے کے لئے، آپ کا سی ایس ایس دستاویز میں شامل ہوگا:

p: نمبر کی قسم (عجیب) {
پس منظر: پیلے رنگ؛
}

اپنے HTML ٹیبل کے ساتھ شروع کریں

سب سے پہلے، اپنی میز تخلیق کریں کیونکہ آپ عام طور پر ایچ ٹی ایم ایل میں لکھیں گے. قطاروں یا کالموں میں کوئی خصوصی کلاس شامل نہ کریں.

آپ کے سٹائل شیٹ میں، مندرجہ ذیل سی ایس ایس شامل کریں:

tr: اینٹی کی قسم (عجیب) {
پس منظر کا رنگ: #ccc؛
}

یہ پہلی صف کے ساتھ شروع ہونے والی بھوری رنگ کے پس منظر کے رنگ کے ساتھ ہر دوسرے قطار کا اندازہ کرے گا.

اسی راستے میں انداز متبادل کالم

آپ اپنی میزوں میں کالموں کے لئے اسی قسم کے اسٹائل کر سکتے ہیں. ایسا کرنے کے لئے، صرف اپنے سی ایس ایس کی کلاس میں td کو ٹرن تبدیل کریں. مثال کے طور پر:

td: اینٹی کی قسم (عجیب) {
پس منظر کا رنگ: #ccc؛
}

ایک نون قسم کے (ن) انتخاب کنندہ میں فارمولا کا استعمال کرتے ہوئے

انتخاب کنندہ میں استعمال کردہ ایک فارمولا کے نحو ایک + ب.

مثال کے طور پر، اگر آپ ہر تیسری قطار کے لئے پس منظر کا رنگ مقرر کرنا چاہتے ہیں، تو آپ کا فارمولہ 3 ن + 0 ہوگا. آپ کا سی ایس ایس اس طرح نظر آتا ہے:

tr: اینٹی کی قسم (3n + 0) {
پس منظر: slategray؛
}

نون قسم کے منتخب کنندہ کا استعمال کرتے ہوئے مددگار آلات

اگر آپ پیچیدہ طبقے کے نویں قسم کے انتخاب کنندہ کا استعمال کرتے ہوئے فارمولہ پہلو کی طرف سے تھوڑا سا دھاگہ محسوس کر رہے ہیں، تو کوشش کریں: این ٹی ٹیسٹر سائٹ ایک مفید آلہ کے طور پر جو آپ چاہتے ہیں وہ حاصل کرنے کے لۓ مطابقت کی وضاحت کرنے میں آپ کی مدد کرسکتے ہیں. ڈراپ ڈاؤن مینو کا انتخاب کرنے کے لئے نون قسم کی قسم منتخب کریں (آپ یہاں دیگر چھاسو طبقات کے ساتھ بھی استعمال کر سکتے ہیں، جیسے کہ نون بچہ).