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

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

سی ایس ایس سلیکٹرز ہدف عنصر ، عنصر کو چھپانے اور ایک یا زیادہ HTML عناصر کی شناخت کے ل element عنصر کی خصوصیات کا انتظار کرتے ہیں۔ سی ایس ایس سلیکٹرز کی دو اہم اقسام یا تو ID یا کلاس کے ذریعہ منتخب کرنا ہیں۔ کسی HTML عنصر کی شناخت ہوتی ہے اگر اس میں 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 اس معاملے میں ایسا کرنے کے لئے آپ معیاری سی ایس ایس سلیکٹرز کا استعمال کرسکتے ہیں نویں بچہ (2) سلیکٹر اس طرح: .myclass:nth-child(2) دوسرا مائیکلگ اسپین منتخب کرنے کے ل. تاہم ، یہ صرف اس صورت میں کام کرے گا کیونکہ والدین Div عنصر کے تحت کوئی اور عنصر موجود نہیں ہیں۔ اگر مثال کے طور پر اگر اے پی عنصر موجود تھا تو یہ نویں چائلڈ انڈیکس کو تبدیل کردے گا۔

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

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

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

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

div.Header a div

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

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

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

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