سی ایس ایس آئی ڈی انتخاب گر

id ਚੋਣਕਰਤਾ

id ਚੋਣਕਰਤਾ ਸਪੈਸਿਫਿਕ ਆਈਡ ਨਾਲ ਹਰੇਕ ਐੱਚਟੀਐੱਮਐੱਲ ਈਜੈਂਟ ਲਈ ਵਿਸ਼ੇਸ਼ ਸਟਾਈਲ ਨਿਰਧਾਰਤ ਕਰ ਸਕਦੀ ਹੈ。

id ਚੋਣਕਰਤਾ '#' ਨਾਲ ਪਰਿਭਾਸ਼ਿਤ ਹੁੰਦੀ ਹੈ。

ਹੇਠ ਦੋ ਵਾਰ id ਚੋਣਕਰਤਾ, ਪਹਿਲਾ ਇਲਾਕੇ ਦਾ ਰੰਗ ਲਾਲ ਕਰਦਾ ਹੈ, ਦੂਜਾ ਹਰੀ ਕਰਦਾ ਹੈ:

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

ਹੇਠ ਦੇ ਐੱਚਟੀਐੱਮਐੱਲ ਕੋਡ ਵਿੱਚ id ਪ੍ਰਤੀਯੋਗ red ਦਾ p ਈਜੈਂਟ ਲਾਲ ਰੰਗ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਵੇਗਾ, ਜਦਕਿ id ਪ੍ਰਤੀਯੋਗ green ਦਾ p ਈਜੈਂਟ ਹਰੀ ਰੰਗ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਹੋਵੇਗਾ。

<p id="red">ਇਹ ਪੈਰਾਗ੍ਰਾਫ ਲਾਲ ਰੰਗ ਦਾ ਹੈ。</p>
<p id="green">ਇਹ ਪੈਰਾਗ੍ਰਾਫ ਹਰੀ ਰੰਗ ਦਾ ਹੈ。</p>

ਧਿਆਨ:id ਪ੍ਰਤੀਯੋਗ ਹੀ ਹਰੇਕ ਐੱਚਟੀਐੱਮਐੱਲ ਡਾਕੂਮੈਂਟ ਵਿੱਚ ਇੱਕ ਵਾਰ ਹੀ ਹੋ ਸਕਦਾ ਹੈ। ਕਿਉਂ ਇਹ ਹੈ ਜਾਣਣਾ ਚਾਹੁੰਦੇ ਹੋ ਤਾਂ ਦੇਖੋ: XHTML: ਵੈੱਬਸਾਈਟ ਪੁਨਰਗਠਨ。

id ਚੋਣਕਰਤਾ ਅਤੇ ਪ੍ਰਸਾਰਣ ਚੋਣਕਰਤਾ

ਆਧੁਨਿਕ ਬੈਂਕਿੰਗ ਵਿੱਚ id ਚੋਣਕਰਤਾ ਪ੍ਰਸਾਰਣ ਚੋਣਕਰਤਾ ਦੀ ਸਥਾਪਨਾ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

#sidebar p {
	font-style: italic;
	تکس آلائن: راست;
	margin-top: 0.5em;
	}

ਉੱਪਰ ਦੇ ਸਟਾਈਲ ਕੇਵਲ id ਹੈ sidebar ਦੇ ਅੰਦਰ ਪ੍ਰਤੀਬਿੰਬਤ ਹੋਣ ਵਾਲੇ ਪੈਰਾਗ੍ਰਾਫਾਂ ਉੱਤੇ ਲਾਗੂ ਹੋਣਗੇ। ਇਹ ਏਜੈਂਟ ਹੋ ਸਕਦਾ ਹੈ div ਜਾਂ ਟੇਬਲ ਕੋਲਮ, ਹਾਲਾਂਕਿ ਇਹ ਇੱਕ ਟੇਬਲ ਜਾਂ ਹੋਰ ਬਲਕ ਈਜੈਂਟ ਹੋ ਸਕਦਾ ਹੈ। ਇਹ ਇੱਕ ਇਨਲਾਈਨ ਈਜੈਂਟ ਵੀ ਹੋ ਸਕਦਾ ਹੈ ਜਿਵੇਂ <em></em> ਜਾਂ <span></span> ਪਰ ਇਹ ਪ੍ਰਯੋਗ ਗ਼ਲਤ ਹੈ ਕਿਉਂਕਿ <span> ਅੰਦਰ <p> ਨੂੰ ਪ੍ਰਤੀਬਿੰਬਤ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਦਾ (ਜੇਕਰ ਕਾਰਣ ਨੂੰ ਭੁਲਾ ਗਏ ਤਾਂ ਜਾਣਕਾਰੀ ਲਈ ਦੇਖੋ: XHTML: ਵੈੱਬਸਾਈਟ ਪੁਨਰਗਠਨ）。

ਇੱਕ ਚੋਣਕਰਤਾ, ਕਈ ਵਰਤੋਂ

ਹਾਲਾਂਕਿ ਜਿਸ ਨੂੰ sidebar ਕਿਹਾ ਗਿਆ ਹੈ ਦੇ ਉਸ ਨੂੰ ਹੀ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਇੱਕ ਵਾਰ ਹੀ ਪ੍ਰਤੀਬਿੰਬਤ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਇਹ id ਚੋਣਕਰਤਾ ਇੱਕ ਪ੍ਰਸਾਰਣ ਚੋਣਕਰਤਾ ਵਜੋਂ ਕਈ ਵਾਰ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ:

#sidebar p {
	font-style: italic;
	تکس آلائن: راست;
	margin-top: 0.5em;
	}
#sidebar h2 {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	line-height: 1.5;
	تکس آلائن: راست;
	}

یہاں، پیج میں دیگر پی پی عناصر سے واضح طور پر الگ، سایدبار میں پی پی عناصر کو خصوصی طور پر ہنر مند کیا گیا ہے، ساتھ ہی پیج میں دیگر تمام ایچ2 عناصر سے واضح طور پر الگ، سایدبار میں ایچ2 عناصر کو بھی مختلف خاص طور پر ہنر مند کیا گیا ہے۔

منفرد انتخاب گر

آئی ڈی انتخاب گر جس کو استعمال نہیں کیا جاتا تاکہ مشتق انتخاب گر بنایا جائے، وہ بھی مستقل طور پر کام سکتا ہے:

#سایدبار {
	بوردر: 1 پیکسلس کا پوائنٹ بوردر #000;
	پیدائش: 10 پیکسلس;
	}

اس ضابطے کے مطابق، آئی ڈی سایدبار والا عنصر ایک پیکسلس کی چوٹی کا بوردر رکھے گا، اس کے علاوہ اس کے اطراف 10 پیکسلس کا اندرون پیدائش (پیدائش، داخلی خالی جگہ) رکھے گا، قدیم ورژن کا ویندوز/آئی ای اے براوزر اس ضابطے کو نادید کرسکتا ہے، مگر آپ اس انتخاب گر کا تعلق رکھنے والا عنصر خاص طور پر معین نہیں کرتے تو:

دیوی ڈی ڈبلیو سایدبار {
	بوردر: 1 پیکسلس کا پوائنٹ بوردر #000;
	پیدائش: 10 پیکسلس;
	}

مربوط مواد

اگر آپ آئی ڈی انتخاب گر کے بارے میں مزید معلومات حاصل کرنا چاہتے ہیں تو کدوو3 سی کمپنی کا اعلیٰ تیچرول پڑھیئے:سی ایس ایس آئی ڈی انتخاب گر تفصیلی شرح。