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

id سیکلیکر

id سیکلیکر اس کا استعمال بھی کرسکتا ہے تاکہ مخصوص id والا HTML عناصر کی خاص اسٹائل کی تعین کی جاسکے.

id سیکلیکر "#" سے شروع ہوتا ہے.

ایک اور دو id سیکلیکر، پہلا کا استعمال قرمز رنگ کی تعین کرسکتا ہے، دوسرا سبز رنگ کی تعین کرسکتا ہے:

#red {color:red;}
#green {color:green;}

ایک اور ایک ایسا HTML کوڈ میں، جس میں id red کا پاراگراف قرمز رنگ میں دکھایا جاتا ہے، جبکہ id green کا پاراگراف سبز رنگ میں دکھایا جاتا ہے.

<p id="red"> یہ پاراگراف قرمز رنگ سے لکھا ہوا ہے。</p>
<p id="green"> یہ پاراگراف سبز رنگ سے لکھا ہوا ہے。</p>

تذکرہ:id پرزنتیشن صرف ایک بار کا استعمال کیاجاسکتا ہے، آپ کی دعوت پر ملاحظہ فرمائیں، XHTML: ویب سائٹ کی تعمیر.

id سیکلیکر اور مشتق سیکلیکر

معمولی توجیہ میں، id سیکلیکر استفادہ کیا جاتا ہے تاکہ مشتق سیکلیکر قائم کئے جاسکیں.

#sidebar p {
	font-style: italic;
	text-align: right;
	margin-top: 0.5em;
	}

علیکم وضاحت دے، اس کا استعمال صرف id sidebar والا عناصر میں پاراگرافوں پر ہی کیا جاتا ہے، جو کا علامت div یا تیبل کا کلسک کرسکتا ہے، یا کسی دیگر بلکلی عناصر کرسکتا ہے، یا کسی این لائن عناصر کرسکتا ہے، جیسا کہ <em></em> یا <span></span>، لیکن اس طرح کا استعمال غیر قانونی ہوتا ہے، کیونکہ <span> میں <p> کا استعمال نہیں کیا جاسکتا ( اگر وجہ یاد نہیں آپتا تو ملاحظہ فرمائیں، XHTML: ویب سائٹ کی تعمیر）。

ایک سلیکٹر، متعدد استعمال

جسد کا حصہ کا علامت بنا دیا جاسکتا ہے، جس کا نام sidebar رکھا گیا ہو، لیکن اس کا آئی دی سیکلیکر استفادہ کئی بار کیا جاسکتا ہے:

#sidebar p {
	font-style: italic;
	text-align: right;
	margin-top: 0.5em;
	}
#sidebar h2 {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	line-height: 1.5;
	text-align: right;
	}

در اینجا، p عناصر داخل sidebar با دیگر p عناصر موجود در صفحه به وضوح متفاوت هستند و همچنین، h2 عناصر داخل sidebar با دیگر h2 عناصر موجود در صفحه به وضوح متفاوت هستند و به طور خاص به آنها پرداخته شده است.

انتخاب‌گرهای جداگانه

انتخاب‌گرهای id حتی اگر برای ایجاد انتخاب‌گرهای مشتق استفاده نشوند، می‌توانند به صورت مستقل عمل کنند:

#sidebar {
	border: 1px dotted #000;
	padding: 10px;
	}

بر اساس این قاعده، عنصر با id sidebar یک کناره سیاه نقطه‌ای به عرض یک پیکسل خواهد داشت و در عین حال 10 پیکسل فضای داخلی (padding، فضای داخلی) اطراف آن خواهد بود. مرورگرهای قدیمی Windows/IE ممکن است این قاعده را نادیده بگیرند مگر اینکه شما به طور خاص این انتخاب‌گر را برای عنصر مربوطه تعریف کنید:

div#sidebar {
	border: 1px dotted #000;
	padding: 10px;
	}

محتوای مرتبط

اگر می‌خواهید اطلاعات بیشتری درباره انتخاب‌گرهای id بدست آورید، لطفاً آموزش پیشرفته CodeW3C.com را بخوانید:شرح انتخاب‌گرهای id CSS.