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

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

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

To select it you create a CSS selector like #myidentifier

If an HTML element has a class it will have the class attribute as shown in this example.

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

To select it you create a CSS selector like .myclass

اگر آپ کلاس کے ساتھ کسی خاص عنصر کو منتخب کرنا چاہتے ہیں۔ myclass اس معاملے میں ایسا کرنے کے لیے آپ معیاری CSS سلیکٹرز استعمال کر سکتے ہیں۔ نواں بچہ (2) selector like so: .myclass:nth-child(2) to select the second myclass span. However this will only work in this case because there are no other elements under the parent div element. If there was a p element for instance it would alter the 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 عناصر چھپ جائیں گے۔

If you wanted to hide multiple elements with different ids or classes you can do so by separating each CSS selector with a comma. So for instance to hide the example class and id above you would use the following #myidentifier,.myclass