تفصیل انتخاب‌گرهای id CSS

آئی ڈی سلیکٹر نمونوں کا استعمال ایک مستقل طریقے سے نمونوں کو طے کرنا بذات خود کیا جاسکتا ہے۔

CSS آئی ڈی سلیکٹر

کچھ پہلوؤں میں، آئی ڈی سلیکٹر کلاس سلیکٹر کی طرح ہوتا ہے، لیکن کچھ اہم فرق بھی ہیں۔

قواعد

ابتدا میں، آئی ڈی سلیکٹر کے پچھلے # نمبر موجود ہوتا ہے - جسے کھیت نمبر یا چک نمبر بھی کہا جاتا ہے۔

درج ذیل قاعدوں کو دیکھئے:

*#intro {font-weight:bold;}

آپسی طور پر کلاس سلیکٹر کی طرح، آئی ڈی سلیکٹر میں نیم سلیکٹر کو نظر انداز کیا جاسکتا ہے۔ پچھلے مثال بھی ایسے ہی لکھا جاسکتا ہے:

#intro {font-weight:bold;}

اس سلیکٹر کا اثر ایک ساتھی ہو گا۔

دوسری تفریق یہ ہے کہ آئی ڈی سلیکٹر کلاس کی حامل کا آئی ڈی کا آنا نہیں کرسکتا، بلاک کی بات نہیں، وہ یقینناً آئی ڈی کا آئی ڈی کا آنا کرسکتا ہے۔

درج ذیل ایک حقیقی آئی ڈی سلیکٹر کا مثال ہے:

<p id="intro">این یک پاراگراف معرفی است.</p>

خود کا تجربہ کریں

کلاس سلیکٹر یا آئی ڈی سلیکٹر؟

کلاس سلیکٹر کے اس فصیل میں ہم نے کلاس کو کسی بھی تعداد کے عناصر کو طے کیا ہے۔ پچھلے فصیل میں کلاس نام 'important' کو پی اور ایچ 1 عناصر پر طے کیا گیا تھا، اور وہ مزید عناصر پر طے کیا جاسکتا ہے۔

تفریق 1: صرف ایک بار سند میں استعمال کیا جاسکتا ہے

آپسی طور پر کلاس کی طرح، ایک ایچ ایم ایل سند میں، آئی ڈی سلیکٹر ایک بار استعمال کی جاتی ہے اور صرف ایک بار۔

تفریق 2: آئی ڈی لفظ فہرست کا استعمال نہیں کیا جاسکتا

آپسی طور پر کلاس سلیکٹر کے برعکس، آئی ڈی سلیکٹر کو نہیں بندھا جاسکتا، کیونکہ آئی ڈی کا حامل نہیں کسی بلاک کا فاصلہ شامل کرسکتا ہے۔

تفریق 3: آئی ڈی میں زیادہ معانی شامل کی جاسکتی ہیں

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

#mostImportant {رنگ: لال; پس منظر: زرد;}

یہ قاعدہ دراصل درج ذیل عناصر کے ساتھ میچ کرے گا (یہ عناصر ایک ہی سند میں ایک ساتھ نہیں آ سکتے، کیونکہ وہ ایک ساتھ کے آئی ڈی کا حامل ہیں):

<h1 id="mostImportant"یہ اہم ہے!
<em id="mostImportant"یہ اہم ہے!
<ul id="mostImportant">این مهم است!</ul>

آزمایش کنید:

بزرگ‌کوچک‌نما

لطفاً توجه داشته باشید که انتخاب‌گرهای کلاس و id ممکن است بزرگ‌کوچک‌نما باشند. این بستگی به زبان مستند دارد. HTML و XHTML ارزش‌های کلاس و id را بزرگ‌کوچک‌نما تعریف می‌کنند، بنابراین ارزش‌های کلاس و id باید با ارزش‌های مشابه در مستند مطابقت داشته باشند.

بنابراین، برای CSS و HTML زیر، عناصر تبدیل به تیره نخواهند شد:

#intro {font-weight:bold;}
<p id="Intro">این یک پاراگراف معرفی است.</p>

به دلیل تفاوت در حروف بزرگ و کوچک i، انتخاب‌گرها با عناصر بالا همخوانی نخواهند داشت.