CSS හි පරම්පරාගත තෝරන්නන්ගේ ප්රමුඛතාව
කලින් පාඩම්වල සියලුම තෝරන්නන් අදාල මූලද්රව්යයම අල්ලා ගත යුතු විය. එක් තෝරන්නෙක් මූලද්රව්යයක් අල්ලා ගන්නා අතර, දෙවන තෝරන්නෙක් එම මූලද්රව්යයේ මව් මූලද්රව්යය අල්ලා ගන්නා අවස්ථා විය හැකිය.
මව් මූලද්රව්යයකට, උදාහරණයක් වශයෙන්, වර්ණයක් නියම කළහොත්, එම වර්ණය පරම්පරාගත මූලද්රව්යයට �රම්පරාගත වන බව ඔබ දැනටමත් දනී. නමුත්, පරම්පරාගත මූලද්රව්යයට ද වර්ණයක් නියම කළහොත්, පරම්පරාගත මූලද්රව්යයේ තෝරන්නාට මව් මූලද්රව්යයේ තෝරන්නාට වඩා වැඩි ප්රමුඛතාවක් ලැබෙනු ඇත.
මෙයින් අදහස් කරන්නේ පරම්පරාගත මූලද්රව්යයේ ටැග් තෝරන්නා මව් මූලද්රව්යයේ වර්ගය යටපත් කරන බවයි:
<div class="block">
<p>text</p>
</div>
.block {
color: red;
}
p {
color: green; /* මෙම වර්ණය අදාල වේ */
}
:
පරම්පරාගත මූලද්රව්යයේ ටැග් තෝරන්නා මව් මූලද්රව්යයේ හඳුනාගැනීමක් ද යටපත් කරයි:
<div id="block">
<p class="text">text</p>
</div>
#block {
color: red;
}
.text {
color: green; /* මෙම වර්ණය අදාල වේ */
}
:
