CSS سليڪٽر ڪلاس ۽ id جي وچ ۾ ڇا فرق آهي؟ HTML ۾ id ۽ ڪلاس جو استعمال

CSS سليڪٽر ڪلاس ۽ id جي وچ ۾ ڇا فرق آهي؟ HTML ۾ id ۽ ڪلاس جو استعمال

چن ويلانگفي الحال عمل ڪري رهيو آهيSEO، سائيٽ کي بهتر ڪرڻWordPressموضوع

جيتوڻيڪ مون ڪجھ بنيادي HTML ۽ CSS جي ڄاڻ اڳي به سکي ورتي آھي، پر مون ان کي ڪجھ وقت کان ڪم نه ڪيو آھي، خاص ڪري CSS حصو استعمال، ان کي وسارڻ آسان آھي.

تنهن ڪري، CSS سليڪٽر id ۽ ڪلاس جي فرق ۽ استعمال کي رڪارڊ ۽ اختصار ڪريو هتي:

• id #div سان ملندڙ آھي
• ڪلاس .div سان ملندڙ جلندڙ آهي

سڃاڻپ ۽ ڪلاس جي وچ ۾ فرق

سڃاڻپ جي وضاحت

• id هڪ مقرر ٿيل ٽيگ آهي، جيڪو ويب پيج ۾ وڏي انداز کي بيان ڪرڻ لاءِ استعمال ڪيو ويندو آهي، جنهن جي وضاحت ڪئي وئي آهي #div جي صورت ۾
• مثال طور: تقسيم ڪالمن، مٿي، جسم، هيٺيون، وغيره ...
• هڪ مخصوص عنصر کي بيان ڪرڻ لاءِ استعمال ڪيو ويندو آهي، جيڪو صرف هڪ ڀيرو هر صفحي تي ظاهر ٿي سگهي ٿو ۽ بار بار نه ٿو چئي سگهجي.

ڪلاس جي وضاحت

• ڪلاس هڪ اسٽائل گروپ آهي، جيڪو ويب پيج تي تفصيلي انداز بيان ڪرڻ لاءِ استعمال ڪيو ويندو آهي. ان جي وضاحت .div جي صورت ۾ ڪئي ويندي آهي ۽ ان کي ورجائي سگهجي ٿو.
• مثال طور: هڪ مخصوص مينيو، متن جي هڪ قطار، وغيره.
• ساڳئي صفحي تي، ان کي ڪيترن ئي عناصر طرفان بار بار سڏي سگهجي ٿو

div چونڊيندڙ پاڻ ۾ خاصيتون نه رکندو آھي. پنھنجي سي ايس ايس جي وضاحت ڪندي، اھو ڪجھ ترتيبن کي سنڀاليندو آھي جھڙوڪ div جي چوٽي، اوچائي، پس منظر جو رنگ ۽ ٽيڪسٽ سائيز.

جنرلاي ڪامرسويب سائيٽهڪ ويب سائيٽ ٺاهيوپروگرام پاران ٺاهيل html ويب پيج سي ايس ايس ذريعي صفحي جي ترتيب کي محسوس ڪرڻ آهي.

هڪ چونڊيندڙ ڇا آهي؟

هر CSS طرز جي تعريف 2 حصن تي مشتمل آهي:

选择器 {样式}

• {} کان اڳ وارو حصو "چونڊيندڙ" آھي.
• "چونڊيندڙ" اشارو ڪري ٿو "انداز" جي {} جنهن تي اهو ڪم ڪري ٿو.
• اهو آهي، ويب پيج جي ڪهڙي عنصر تي هي "انداز" ڪم ڪندو آهي؟

ڪوڊ مثال

هتي هڪ ڪلاس = "سائيڊبار" عنصر کي ڪيئن چونڊيو ۽ انداز ڪجي:

.sidebar
{ 
background-color:black;
}

ھتي آھي id="footer" سان ھڪڙي عنصر کي ڪيئن چونڊيو ۽ انداز ڪريو:

#footer
{ 
background-color:black;
}