ویب پر گرفت اور تبدیل کرنے کے اوزار

GrabzIt میں CSS سلیکٹرز کا استعمال کرنا

سی ایس ایس سلیکٹرز کو ٹارگٹ عنصر میں استعمال کیا جاتا ہے، عنصر کو چھپائیں اور ایک یا زیادہ HTML عناصر کی شناخت کے لیے عنصر کی خصوصیات کا انتظار کریں۔ سی ایس ایس سلیکٹرز کی دو اہم قسمیں یا تو آئی ڈی یا کلاس کے لحاظ سے منتخب کرنا ہیں۔ ایک HTML عنصر کی ایک id ہوتی ہے اگر اس میں id کا وصف ہو جیسا کہ ذیل میں دکھایا گیا ہے۔

<span id="myidentifier">Example Text</span>

اسے منتخب کرنے کے لیے آپ سی ایس ایس سلیکٹر جیسا بنائیں #myidentifier

اگر کسی HTML عنصر کی کلاس ہے تو اس میں کلاس کا وصف ہوگا جیسا کہ اس مثال میں دکھایا گیا ہے۔

<div>
<span class="myclass">Example Text One</span>
<span class="myclass">Example Text Two</span>
<span class="myclass">Example Text Three</span>
</div>

اسے منتخب کرنے کے لیے آپ سی ایس ایس سلیکٹر جیسا بنائیں .myclass

اگر آپ کلاس کے ساتھ کسی خاص عنصر کو منتخب کرنا چاہتے ہیں۔ myclass اس معاملے میں ایسا کرنے کے لیے آپ معیاری CSS سلیکٹرز استعمال کر سکتے ہیں۔ نواں بچہ (2) سلیکٹر اس طرح: .myclass:nth-child(2) دوسرے مائکلاس اسپین کو منتخب کرنے کے لیے۔ تاہم یہ صرف اس معاملے میں کام کرے گا کیونکہ پیرنٹ div عنصر کے تحت کوئی اور عناصر نہیں ہیں۔ اگر مثال کے طور پر ap عنصر ہوتا تو یہ nth-child index کو تبدیل کر دیتا۔

ایک منفرد id یا کلاس کے بغیر HTML عنصر منتخب کریں۔

بعض اوقات آپ کو جس HTML عنصر کو منتخب کرنے کی ضرورت ہوتی ہے اس میں کوئی id یا کلاس نہیں ہوتی ہے جو کسی صفحہ کے اندر منفرد ہو۔ ان HTML عناصر کو منتخب کرتے وقت، زیادہ پیچیدہ CSS سلیکٹر کی ضرورت ہوتی ہے۔

<div class="Header">
   <a href="https://www.example.com/">
     <div>...</div>
   </a>
   <div class="SearchBar">...</div>
   <div class="TagLine">...</div>
</div>

مثال کے طور پر، مثال کے طور پر، اوپر ہم لنک کے اندر موجود DIV عنصر کو منتخب کرنا چاہتے ہیں۔ ایسا کرنے کے لیے، ہمیں ایک CSS سلیکٹر کی وضاحت کرنے کی ضرورت ہے جو منفرد DIV سے نیچے کام کرتا ہے۔ Header کلاس.

div.Header a div

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

ایک سے زیادہ مماثل عناصر کو ہینڈل کرنا

اگر سی ایس ایس سلیکٹر سے متعدد ایچ ٹی ایم ایل عناصر واپس کیے جاتے ہیں اور آپ ٹارگٹ عنصر استعمال کر رہے ہیں یا عنصر کی خصوصیات کا انتظار کر رہے ہیں تو صرف پہلا مماثل عنصر استعمال کیا جائے گا۔ تاہم اگر آپ hide عنصر کی خصوصیت استعمال کر رہے ہیں تو تمام مماثل HTML عناصر چھپ جائیں گے۔

اگر آپ مختلف آئی ڈیز یا کلاسز کے ساتھ متعدد عناصر کو چھپانا چاہتے ہیں تو آپ ہر سی ایس ایس سلیکٹر کو کوما سے الگ کر کے ایسا کر سکتے ہیں۔ لہذا مثال کے طور پر اوپر کی کلاس اور آئی ڈی کو چھپانے کے لیے آپ درج ذیل کو استعمال کریں گے۔ #myidentifier,.myclass

براؤزر سے سی ایس ایس سلیکٹر حاصل کرنا

آپ دو آسان مراحل میں کروم براؤزر سے CSS سلیکٹر حاصل کر سکتے ہیں۔

ویب صفحہ کے اس حصے پر دائیں کلک کریں جس پر آپ ہیں۔ intمیں erested اور کلک کریں معائنہ کریں. اس سے انسپکٹر ونڈو کھل جائے گی۔

انسپکٹر ونڈو میں موجود عنصر پر دائیں کلک کریں۔ کاپی کریں اور پھر کلک کریں سلیکٹر کاپی کریں۔.