دوسری سی ایس ایس کلاس کے اندر سی ایس ایس کلاس کو کیسے نشانہ بنایا جائے۔

' پھر، مزید استعمال کے لیے ایک کلاس وصف مختص کریں۔

مرحلہ 2: نیسٹڈ 'div' کنٹینرز بنائیں

اگلا، مرحلہ 1 کے اسی طریقہ کار پر عمل کرتے ہوئے نیسٹڈ ڈیو کنٹینرز بنائیں:

< div کلاس = 'مرکزی مواد' >

< div کلاس = 'ٹیبل' >

< div کلاس = 'قطار' >

< div کلاس = 'سی-بائیں' > شادی کرو < / div >

< div کلاس = 'سی دائیں' > جیک < / div >

< div کلاس = 'سی-بائیں' > ٹام < / div >

< div کلاس = 'سی دائیں' > جولائی < / div >

< / div >

< / div >

< / div >

آؤٹ پٹ

---

---

مرحلہ 3: مین 'div' کنٹینر پر اسٹائلنگ لگائیں۔

مرکزی تک رسائی حاصل کریں ' div 'کلاس نام کی مدد سے کنٹینر' .مرکزی مواد ”:

.مرکزی مواد {

چوڑائی : 40% ;

مارجن : 0 آٹو ;

رنگ : نیلا ;

سرحد : 2px نقطہ دار نیلا ;

متن سیدھ : مرکز ;

}

یہاں:

• ' چوڑائی ' عنصر کی چوڑائی کا سائز بتاتا ہے۔
• ' مارجن بیان کردہ سرحد سے باہر عنصر کے ارد گرد جگہ مختص کرتا ہے۔
• ' رنگ ' عنصر میں شامل کردہ متن کے رنگ کی وضاحت کرتا ہے۔
• ' سرحد ” HTML میں عنصر کے ارد گرد ایک خاکہ یا حد کی وضاحت کرتا ہے۔
• ' متن سیدھ کریں۔ ' عنصر کے متن کی سیدھ کی وضاحت کرتا ہے۔

مرحلہ 4: دوسری کلاس کو اسٹائل کریں۔

CSS مین کلاس اور دیگر نیسٹڈ کلاسوں تک ان کے نام استعمال کرکے رسائی حاصل کریں۔ پھر، اپنی پسند کے مطابق قیمت بتا کر کنٹینر کی چوڑائی سیٹ کریں:

.مرکزی مواد .ٹیبل {

چوڑائی : 80% ;

}

مزید برآں، اوپر کے طریقہ کار پر عمل کرتے ہوئے دوسری کلاس تک رسائی حاصل کریں اور ذیل کے کوڈ کے ٹکڑوں میں بیان کردہ CSS خصوصیات کو لاگو کریں:

.مرکزی مواد .c-دائیں {

ڈسپلے : ان لائن بلاک ;

حرف کا سائز : 20px ;

}

مندرجہ بالا کوڈ کے ٹکڑوں کے مطابق:

• ' ڈسپلے کسی عنصر کے ڈسپلے کو ترتیب دینے کے لیے پراپرٹی کا استعمال کیا جاتا ہے۔
• ' حرف کا سائز کنٹینر میں شامل ٹیکسٹ کا سائز بتاتا ہے۔

اب اسی طریقہ کو استعمال کرتے ہوئے دوسری کلاسوں تک رسائی حاصل کریں اور درج ذیل سی ایس ایس خصوصیات کو لاگو کریں جیسا کہ ذیل میں بتایا گیا ہے۔

.مرکزی مواد .c-بائیں {

چوڑائی : 140px ;

مارجن-دائیں : 6px ;

حرف کا سائز : 16px ;

}

ایسا کرنے کے لئے، ہم درخواست دیں گے ' چوڑائی '،' مارجن-دائیں 'اور' حرف کا سائز اسٹائل کے مقاصد کے لیے۔

مزید برآں، مرکزی تک رسائی حاصل کریں ' div دوسرے نیسٹڈ ڈیو کنٹینر کے ساتھ کنٹینر ان کے کلاس کا نام استعمال کرتے ہوئے اور درج ذیل سی ایس ایس خصوصیات کو لاگو کریں۔

.مرکزی .c-دائیں {

چوڑائی : آٹو ;

حرف کا سائز : 15px ;

رنگ : #fff ;

مارجن-دائیں : 20px ;

فونٹ کا وزن : عام ;

}

آؤٹ پٹ

یہ سب کچھ دوسری سی ایس ایس کلاس کے اندر سی ایس ایس کلاس کو نشانہ بنانے کے بارے میں ہے۔

نتیجہ

کسی دوسری سی ایس ایس کلاس کے اندر سی ایس ایس کلاس کو نشانہ بنانے کے لیے، پہلے مین تک رسائی حاصل کریں۔ div تفویض کردہ کلاس وصف کے ذریعے۔ پھر، اسی طریقہ کار پر عمل کرتے ہوئے دوسرے 'div' کنٹینر تک رسائی حاصل کریں۔ مزید برآں، صارف دوسری سی ایس ایس کلاس میں سی ایس ایس کلاس کو نشانہ بنا سکتے ہیں۔ اس پوسٹ نے دوسری CSS کلاس میں سی ایس ایس کلاس کو نشانہ بنانے کا طریقہ دکھایا ہے۔