CSS හි අද්විතීය id අනුව මූලද්රව්ය තෝරා ගැනීම

ඔබ දැනටමත් දන්නා පරිදි, පන්ති කාණ්ඩයකට ලබා දීම සඳහා වේ. මූලද්රව්ය කාණ්ඩයකට. පන්ති වලට අමතරව, මූලද්රව්ය තෝරා ගත හැකිය id, එය මූලද්රව්යයේ අද්විතීය හඳුනාගැනීමක් ලෙස ක්‍රියා කරයි. අනන්‍යතාවයෙන් අදහස් වන්නේ, පිටුවේ දැනටමත් එවැනි අංගයක් තිබේ නම්, id, එවිට එකම id සහිත වෙනත් මූලද්රව්යයක් නොතිබිය යුතුය.

අද්විතීය හඳුනාගැනීම සකසා ඇත්තේ ගුණාංගය id, අප විසින් සොයා ගත් නම ලියා ඇති. අපි, උදාහරණයක් ලෙස, දෙකක් කරමු කොටු. පළමු එකට අපි id අගයෙහි සකසමු. block1, සහ දෙවන - අගයෙහි block2:

<div id="block1">
	<p>text</p>
	<p>text</p>
</div>
<div id="block2">
	<p>text</p>
	<p>text</p>
</div>

දී ඇති id සහිත මූලද්රව්යයක් වෙත යොමු වීමට, ඔබ # සංකේතය සහ අප විසින් සොයාගත් ලිවිය යුතුය නම, මෙහි දැක්වෙන පරිදි:

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

ගුණාංගය id භාවිතා වන්නේ අවස්ථාවකදීය. මූලද්රව්යයේ අද්විතීයතාවය අවධාරණය කිරීම අවශ්‍ය වන විට. පන්ති භාවිතා කරනු ලබන්නේ එවැනි මූලද්රව්ය තිබිය හැකි බව උපකල්පනය කරන විටය. බොහෝ, ඔවුන් දැනට එක් අයෙකු වුවද.

පහත කේතය ලබා දී ඇත:

<div id="elem1">
	<h2>Title</h2>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>
<div id="elem2">
	<h2>Title</h2>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>
<div id="elem3">
	<h2>Title</h2>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

elem1 බ්ලොක් එකේ අන්තර්ගතය රතු පැහැයට වර්ණ කරන්න. රතු, බ්ලොක් elem2 - කොළ පැහැට, සහ බ්ලොක් elem3 - නිල් පැහැට.