HTML دستاويز جي جوڙجڪ هڪ خانداني وڻ جي برابر آهي. توهان جي خاندان ۾، توهان جا والدين ۽ ٻيا آهن جيڪي توهان کان اڳ آيا آهن. اهي توهان جا پنهنجا وڏا آهن. ٻار ۽ جيڪي اوھان جي پويان وڻ وٽ ايندا آھن سي اوھان جا اولاد آھن. HTML انهي ساڳي فيشن ۾ ڪم ڪري ٿو. عناصر جيڪي ٻين عناصر جي اندر آهن انهن جا اولاد آهن. مثال طور، ڇو ته تقريبا هر HTML عنصر جسم / ٽيگ جي اندر آهي، اهي ان جي جسم جا عنصر آهن. اهو تعلق سمجهڻ لاء ضروري آهي جڏهن توهان سي ايس آئي سان ڪم ڪرڻ شروع ڪيو ۽ مخصوص اندازن تي لاڳو ڪرڻ لاء مخصوص عناصر کي حدف ڪرڻ جي ضرورت آهي.
ايس ايم ايس چونڊيل چونڊيندڙ
سي ايس ايس جو اولاد چونڊيندڙ عناصر تي لاڳو ٿئي ٿو جيڪي ٻئي عنصر اندر (يا وڌيڪ صحيح طور تي بيان ڪيل، هڪ عنصر جيڪو ٻئي عنصر جو اولاد آهي). مثال طور، هڪ غير ترتيب ڏنل فهرست ۾ اولاد جي حيثيت سان ٽيگ سان هڪ ٽيگ آهي. اچو ته هيٺ ڏنل HTML استعمال ڪريو مثال طور:
- هي هڪ لنڪ آهي li> ul>
لي ٽيگ ايل ايل ٽيگ جو اولاد آهن. هڪ ٽيگ ٻنهي LI (ٻاراڻو اولاد) ۽ يو ايل (پوٽي جي اولاد جو) ٽيگ جو هڪ اولاد آهي. جيڪڏهن توهان ڪٽنب جي وڻ جو مثال استعمال ڪرڻ بابت سوچيو ٿا، ته
- والدين هوندي،
- انهي عنصر جو ٻار هوندو، ۽ جو ٻار
- آهي ۽ پوتي جو اولاد
- .
- ) جو اولاد آهي. صفحي تي سڀئي سڀئي لنڪس جيڪي هڪ فهرست جي اولاد ۾ نه هوندا آهن اهي شيون به نه ٿين ها.
پوء توهان انهن اولادن جي استعمال ڪندڙن کي ويب پيج جي مخصوص عناصرن کي ڪيئن وڌايو؟ پهريون، توهان خانداني طرف ٻن طرف (ٻه وڌيڪ) قسم جي چونڊيندڙ استعمال ڪندي ٻارڙن چونڊ کي وضاحت ڪيو آهي.
li a {متن جي سجاڳي: ٻيو؛ }انهي مثال ۾، انداز فقط ڪڙي عنصر تي لاڳو ٿئي ها () اهو هڪ فهرست لسٽ عنصر (
ياد رکڻ لاء هڪ اهم شيء اهو آهي ته اهي توهان جي اولاد جو انتخاب ڪندڙ ۾ توهان جي استعمال سان ٽڪرين جي وچ ۾ ڪيترا ٽي ٽي آهن. جيڪڏهن ٻيو عنصر پهرين عنصر جي اندر اندر بند ٿيل آهي ته ان کي اولاد جي طور تي چونڊيو ويندو.
جيڪڏھن توھان چاھيو ٿا ته سڀ لنگر جيڪي جيڪي آيل عناصر کان نازل ڪيا آھن، توھان لکندا آھيو:
ul a {متن-سجاوٹ: ٻيو؛ }هاڻي، اهي شئيون ڪنهن به لنڪ تي لاڳو ٿينديون جيڪي هڪ فهرست جي شين جو اولاد آهي. توھان شايد ھي چونڊيندڙ پڻ لکي سگھون ٿا
ul li a {متن سجاوٹ: none؛ }هي هڪ اولاد جو انتخاب ڪندڙ آهي جيڪو ٻن قسمن کان وڌيڪ چونڊيندڙ استعمال ڪندو آهي. انهي صورت ۾، اهو لنڪ تي لاڳو ٿئي ها جيڪي اندر جي فهرست جي اندر ۽ هڪ غير ترتيب ڏنل فهرست جي اندر هوندا آهن.
Class Selectors ۽ ID چونڊيندڙ استعمال ڪندي
منتخب ڪندڙ جيڪي توهان کان اتريندا آهن اهي هميشه قسم جا اولاد نه هجن. مثال طور، تصور ڪريو ته توھان توھان جي سائيٽ (ڊويزن وانگر) جي ھڪڙي صفت سان "بل بورڊ" سان گڏ ھڪڙو علائقو ھو. توهان انهي جڳهه جي اولاد مان هڪ اولاد کي منتخب ڪري سگهو ٿا:
# بلبورڊ العمل {پس منظر-رنگ: #ccc؛ }اهو انداز انداز ۾ اڻ ترتيب ڏنل فهرست آهي جيڪو "بل بورڊ" جي سڃاڻپ سان هڪ عنصر جو اولاد آهي. توهان طبقي قدرن لاء ساڳيو ڪم ڪري سگهو ٿا.
div.billboard ul {background-color: #ccc؛ }اهو فرض ڪري ٿو ته ڊويزن کي "بل بورڊ" جي ڪلاس جي قيمت آهي. مٿي سي ايس ايس ڊي کي ڪنهن به ڊويزن جي اندر
- عنصر جو اندازو لڳائي ٿو ته هن طبقي جي قيمت آهي.
توھان ڏاڍا ڳڻي هٿ ۽ فعل سان اولاد جو انتخاب ڪندڙ حاصل ڪري سگھو ٿا. مثال طور، جيڪڏهن توهان Dreamweaver پنهنجي HTML ڪوڊ لکڻ لاء استعمال ڪريو ٿا، اتي هڪ سيٽنگ آهي جڏهن توهان نئين CSS قاعدن کي شامل ڪندا آهيو ته انهي صفحي تي توهان جي ڪرسر جي جڳهه تي چونڊيندڙ خودڪار ٺاهي ويندي. ڇا ان خوابن ۾ جيڪي Dreamweaver ڪندو آهي هڪ جهنگلي فعل ۽ ڊگهو اولاد جو اولاد آهي. اھو وڌيڪ خاصيت توهان جي ايس ايس سي ڪم ڪرڻ لاء ضروري نه آھي. توهان ڇا ڪرڻ چاهيو ٿا، اولاد جو اولاد ڪافي آهي خاص طور تي خاص طور تي خاص طور تي خاص طور تي خاص طور تي خاص طور تي جو اولاد جو توهان کي ضرورت هجي (جيڪا اسٽائلنگ جيڪي توهان متاثر نه ڪرڻ چاهيندا). وڏو.
- آهي ۽ پوتي جو اولاد
- انهي عنصر جو ٻار هوندو، ۽ جو ٻار