ایچ ٹی ایم ایل دستاویز کی ساخت ایک خاندانی درخت کی طرح ہے. آپ کے خاندان میں، آپ کے والدین اور دوسروں کو جو آپ کے سامنے آئے تھے. یہ تمہارے باپ دادا ہیں. بچے اور جو لوگ اس درخت پر آپ کے پیچھے آتے ہیں تمہاری نسلیں ہیں. HTML اسی طرح کے فیشن میں کام کرتا ہے. دیگر عناصر کے اندر موجود عناصر ان کے اولاد ہیں. مثال کے طور پر، کیونکہ تقریبا ہر ایچ ٹی ایم ایل عنصر <جسم> ٹیگ کے اندر ہے، وہ اس کے جسم کے عناصر کا حامل ہوں گے. اس تعلقات کو سمجھنے کے لئے یہ ضروری ہے کہ جب آپ سی ایس ایس کے ساتھ کام کرنا شروع کردیں اور بصری شیلیوں کو لاگو کرنے کیلئے مخصوص عناصر کو نشانہ بنانے کی ضرورت ہے.
CSS کنسلٹنٹس منتخب کریں
ایک ایس ایس ایس نسل پرست انتخاب کنندہ عناصر پر لاگو ہوتا ہے جو کسی دوسرے عنصر کے اندر اندر (یا اس سے زیادہ درست طور پر بیان کیا جاتا ہے، ایک عنصر جو دوسرے عنصر کا اولاد ہے). مثال کے طور پر، ایک غیر ترتیب شدہ فہرست میں ٹیگ کے ساتھ اولاد کے طور پر ٹیگ ہے. چلو مندرجہ ذیل ایچ ٹی ایم ایل کو ایک مثال کے طور پر استعمال کرتے ہیں:
- یہ ایک لنک ہے li> ul>
LI ٹیگ یو ایل ٹیگ کے اولاد ہیں. ایک ٹیگ دونوں لائ (بچے کے اولاد کے) اور یو ایل (پوجا کی اولاد) ٹیگ کا ایک اولاد ہے. اگر آپ خاندان کے درخت کی مثال کا استعمال کرتے ہوئے اس کے بارے میں سوچتے ہیں تو،
- والدین ہو گا،
- اس عنصر کا بچہ ہوگا، اور > بچے کا
- ہوگا اور پوجا
- .
- ). اس صفحے پر تمام دیگر روابط جو ایک فہرست شے کے اولاد کے حامل نہیں ہیں اس طرز کو نہیں ملے گا.
تو آپ ان صدیوں کے انتخاب کاروں کے ذریعہ ویب صفحہ میں مخصوص عناصر کو کیسے ھدف بنائے گا؟ سب سے پہلے، آپ کو خالی جگہوں کی طرف سے علیحدہ دو (یا اس سے زیادہ) کے قسم کے انتخاب کاروں کا استعمال کرتے ہوئے اولاد کا انتخاب کرنے کے لئے اولاد کو منتخب کرنا ہوگا.
ایک {متن سجاوٹ: کوئی نہیں؛ }اس مثال میں، سٹائل صرف ایک عنصر پر لاگو ہوتے ہیں () جو فہرست فہرست کے عنصر کا ایک اولاد ہے (
یاد رکھنے کے لئے ایک اہم بات یہ ہے کہ اس سے کوئی فرق نہیں پڑتا کہ آپ ٹیگ کے درمیان کتنے ٹیگ ہیں جو آپ اپنے اولاد کے انتخاب میں استعمال کرتے ہیں. اگر دوسرا عنصر پہلے عنصر کے اندر اندر بند ہے تو اسے اولاد کے طور پر منتخب کیا جائے گا.
اگر آپ الل عناصر سے آتے ہیں تو تمام لنگروں کو منتخب کرنا چاہتے ہیں، آپ لکھتے ہیں:
ul a {متن سجاوٹ: کوئی نہیں؛ }اب، یہ شیلیوں کسی بھی لنکس پر لاگو کرے گی جو ایک فہرست شے کے اولاد کا ہے. آپ یہ انتخاب کنندہ لکھ سکتے ہیں
ul li a {متن سجاوٹ: کوئی نہیں؛ }یہ ایک اولاد کا انتخاب کنندہ ہے جو دو سے زیادہ قسم کے انتخاب کاروں کو استعمال کرتا ہے. اس صورت میں، یہ وہ لنکس پر لاگو کریں گے جو فہرست کے اندر اندر اور غیر ترتیب شدہ فہرست کے اندر اندر ہے.
کلاس منتخب کرنے والے اور ID منتخب کنندگان کا استعمال کرتے ہوئے
منتخب کردہ منتخبین آپ کو ہمیشہ سے قسم کی اولاد بنانا نہیں ہے. مثال کے طور پر، تصور کریں کہ آپ کو "بل بورڈ" کی شناخت کے ساتھ سائٹ کے ایک علاقے (ڈویژن کی طرح) ہے. آپ اس شناخت سے قبل ایک اولاد کا انتخاب کنندہ مقرر کر سکتے ہیں:
#billboard ul {پس منظر کا رنگ: #ccc؛ }یہ اس انداز میں بے ترتیب فہرست ہے جو "بل بورڈ" کی شناخت کے ساتھ ایک عنصر کا ایک اولاد ہے. آپ کلاس اقدار کے لئے بھی ایسا ہی کرسکتے ہیں.
div.billboard ul {پس منظر کا رنگ: #ccc؛ }یہ فرض کرتا ہے کہ ڈویژن میں "بل بورڈ" کی کلاس کی قیمت ہے. اوپر ایس ایس ایس کسی بھی ڈویژن کے اندر
- عنصر سٹائل کرے گا جس میں اس کلاس کی قیمت ہے.
آپ واقعی بھاری ہاتھ اور verbose حاصل کر سکتے ہیں اولاد کے انتخاب کے ساتھ. مثال کے طور پر، اگر آپ Dreamweaver اپنے HTML کوڈ کو لکھنے کے لئے استعمال کرتے ہیں، تو آپ اس ترتیب پر ترتیب دیتے ہیں کہ جب آپ نئے سی ایس ایس کے قوانین کو شامل کریں گے تو اس صفحہ پر آپ کے کرسر کی جگہ پر مبنی انتخاب کنندہ کو خودکار بنائے جائیں گے. اس مثال میں کون ویوی ویور کیا کرتا ہے، وہ بھوک بولی اور طویل عرصے سے اولاد کا انتخاب کنندہ بناتا ہے. آپ کا سی ایس ایس کام کرنے کے لئے اس کی زیادہ خاصیت ضروری نہیں ہے. جو کچھ آپ کرنا چاہتے ہیں اس کے درمیان ایک توازن پیدا ہوتا ہے جس میں کافی تعداد میں مخصوص ہے تاکہ آپ کو بالکل صحیح عناصر (آپ اسٹائل کرنے کے بغیر جو آپ کو اثر انداز نہیں کرنا چاہئے) کے بغیر ڈرل کر سکتے ہیں. بڑی.
- ہوگا اور پوجا
- اس عنصر کا بچہ ہوگا، اور > بچے کا