CSS میں، آپ عناصر کو منتخب کر سکتے ہیں، class اور id سٹائل کو لاگو کر سکتے ہیں اور اپنے ویب صفحہ پر عناصر کو حسب ضرورت بنا سکتے ہیں۔ یہاں ان کے استعمال کے بارے میں ایک تفصیلی گائیڈ ہے:
عناصر کا انتخاب
کسی مخصوص HTML عنصر کی تمام مثالوں کو منتخب کرنے کے لیے، عنصر کا نام بطور سلیکٹر استعمال کریں۔ مثال کے طور پر، دستاویز میں p تمام ٹیگز کو منتخب کرتا ہے ۔ <p>
منتخب کرنا Class
ایک ہی کلاس والے عناصر کو منتخب کرنے کے لیے، ایک ڈاٹ استعمال کریں۔ کلاس کے نام کے بعد۔ مثال کے طور پر، .my-class کلاس کے ساتھ تمام عناصر کو منتخب کرتا ہے my-class ۔
متعدد کلاسوں والے عناصر کو منتخب کرنے کے لیے، نقطوں کا استعمال کریں "." اور خالی جگہوں سے الگ کلاس کے ناموں کی فہرست بنائیں۔ مثال کے طور پر، .class1.class2 دونوں class1 اور class2 کلاسز والے عناصر کو منتخب کرتا ہے۔
منتخب کرنا id
اس کے ذریعہ کسی مخصوص عنصر کو منتخب کرنے کے لیے id ، عنصر کے بعد ایک ہیش "#" استعمال کریں id ۔ مثال کے طور پر، #my-id کے ساتھ عنصر کو منتخب کرتا ہے id my-id ۔
امتزاج Element ، Class, اور ID انتخاب
آپ class مخصوص عناصر کو مخصوص کلاسز اور ID.
مثال کے طور پر، عنصر کو اور کے ساتھ div.my-class#my-id منتخب کرتا ہے ۔ <div> class my-class ID my-id
یہاں عناصر کو منتخب کرنے کی ایک مخصوص مثال ہے، class اور id CSS میں:
/* Select all <p> tags */
p {
color: blue;
}
/* Select elements with the class "my-class" */
.my-class {
background-color: yellow;
}
/* Select the element with the ID "my-id" */
#my-id {
font-weight: bold;
}
/* Combine element, class, and ID selections */
div.my-class#my-id {
border: 1px solid black;
}
element, اور id کے انتخاب کو استعمال کرکے class ، آپ اپنے ویب صفحہ پر مخصوص عناصر یا عناصر کے گروپس کو آسانی سے منتخب اور اسٹائل کرسکتے ہیں۔