سی ایس ایس میں مواد کو کیسے تبدیل کیا جائے۔

Sy Ays Ays My Mwad Kw Kys Tbdyl Kya Jay



ویب ایپلیکیشنز میں، ہر ڈویلپر ہر پہلو سے ظاہری شکل اور صارف کے مجموعی تجربے کو بہتر بنانے کی کوشش کرتا ہے۔ کبھی کبھی ڈویلپر چیزوں کو دوسروں سے مختلف اور بہتر طریقے سے کرنا چاہتے ہیں۔ مثال کے طور پر، کسی چیز پر متن دکھانا اور پھر اپ ڈیٹس کے مطابق اسے کسی اور چیز میں تبدیل کرنا۔ یہ سب سی ایس ایس کی مختلف خصوصیات اور سلیکٹرز کی مدد سے کیا جا سکتا ہے۔

یہ تحریر سی ایس ایس میں مواد کو تبدیل کرنے کے بارے میں آپ کی رہنمائی کرے گی۔

سی ایس ایس میں مواد کو کیسے تبدیل کیا جائے؟

CSS میں مواد کو تبدیل کرنے کے لیے، ہم ذیل کے طریقے استعمال کریں گے:







آئیے ایک ایک کرکے ہر طریقہ کو دیکھیں!



طریقہ 1: سی ایس ایس میں مواد کو تبدیل کرنے کے لیے ::آفٹر کنٹینٹ پراپرٹی کے ساتھ سلیکٹر کا استعمال کریں۔

' ::بعد میں ' سلیکٹر سی ایس ایس کا استعمال کرتے ہوئے HTML عنصر کے بعد مخصوص مواد رکھتا ہے ' مواد ' جائیداد. یہ آپریشن مواد کو منتخب عنصر میں شامل کرنے میں مدد کرتا ہے۔ مزید برآں، ' ڈسپلے موجودہ مواد کو چھپانے کے لیے پراپرٹی کا استعمال کیا جا سکتا ہے۔



آئیے ذیل کی مثال پر ایک نظر ڈالیں تاکہ یہ سمجھنے کے لیے کہ ::after سلیکٹر کا استعمال کرتے ہوئے CSS میں مواد کو کیسے تبدیل کیا جائے۔





مثال

متن کے ساتھ ہمارا HTML صفحہ یہ ہے ' صبح بخیر!!! ' آئیے شامل کردہ مواد کو تبدیل کریں:



فی الحال، ہم نے ایک شامل کیا ہے '

ہماری HTML فائل کے باڈی سیکشن میں ٹیکسٹ کے ساتھ ٹیگ:

< ص > صبح بخیر!!! < / ص >

ہماری CSS فائل میں، اب ہم ::after سلیکٹر کو بطور ' استعمال کریں گے۔ جسم ::بعد 'اور استعمال کریں' مواد 'قیمت کے ساتھ پراپرٹی' شام بخیر 'اس کی تعریف کے اندر۔ نتیجے کے طور پر، سی ایس ایس سلیکٹر متن کو تحریری متن کے عین بعد رکھے گا۔ آخر میں، 'کا استعمال کرتے ہوئے موجودہ متن کو چھپائیں ڈسپلے جائیداد اور اس کی قیمت مقرر کریں کوئی نہیں ”:

< انداز >

جسم ::بعد {

مواد : 'شام بخیر' ;

}

ص {

ڈسپلے: کوئی نہیں؛

}

< / انداز >

اب، اپنی HTML فائل کو محفوظ کریں اور اسے براؤزر پر کھولیں یا استعمال کریں۔ 'لائیو سرور اسی مقصد کے لیے:

جیسا کہ آپ دیکھ سکتے ہیں کہ ::after CSS سلیکٹر کا استعمال کرتے ہوئے مواد کو کامیابی کے ساتھ تبدیل کر دیا گیا ہے۔

طریقہ 2: CSS میں مواد کو تبدیل کرنے کے لیے ::before سلیکٹر کنٹینٹ پراپرٹی کے ساتھ استعمال کریں

سی ایس ایس میں، ' ::پہلے ” سلیکٹر کا استعمال کسی عنصر کے موجودہ مواد سے پہلے مواد کو ظاہر کرنے کے لیے کیا جاتا ہے۔ یہ 'کے ساتھ مل کر استعمال کیا جا سکتا ہے مواد منتخب کردہ عنصر میں نیا مواد شامل کرنے کے لیے خاصیت۔

مثال

باڈی کے بعد :: سے پہلے سلیکٹر کی وضاحت کریں بطور ' جسم ::پہلے ' یہ نئے مواد کو موجودہ مواد سے پہلے رکھے گا۔ نوٹ کریں کہ باقی تمام خصوصیات پچھلی مثال کی طرح ہی رہتی ہیں:

< انداز >

جسم ::پہلے {

مواد : 'شام بخیر' ;

}

ص {

ڈسپلے: کوئی نہیں؛

}

< / انداز >

آؤٹ پٹ

ہم نے سی ایس ایس میں مواد کو تبدیل کرنے کے مختلف طریقے بتائے ہیں۔

نتیجہ

مواد کو تبدیل کرنے کے لیے، ' ::بعد میں 'اور' ::پہلے 'سی ایس ایس سلیکٹرز' کے ساتھ استعمال ہوتے ہیں۔ مواد ' جائیداد. پہلے نقطہ نظر میں، مخصوص متن کو منتخب عنصر کے بعد شامل کیا جاتا ہے، جبکہ دوسرا CSS سلیکٹر اس کے برعکس کام کرتا ہے۔ مزید یہ کہ ' ڈسپلے کسی عنصر کے موجودہ مواد کو چھپانے کے لیے پراپرٹی کا استعمال کیا جا سکتا ہے۔ اس طرح سی ایس ایس میں مواد کو مکمل طور پر تبدیل کیا جاتا ہے۔ ہم نے CSS میں مواد کو تبدیل کرنے کے دو طریقوں کا احاطہ کیا ہے۔