CSS හි ලබා දී ඇති පන්තියක් සහිත ටැගය
අපට එකම පන්තියක් ඇති විවිධ වර්ගවල ටැග් ගණනාවක් තිබිය හැකිය.
උදාහරණයක් ලෙස, h2 ශීර්ෂක සහ ඡේද දෙකටම එකම පන්තිය තිබිය හැකිය:
<h2 class="eee">ශීර්ෂකය</h2>
<p class="eee">
ලියවිල්ල
</p>
<h2 class="eee">ශීර්ෂකය</h2>
<p class="eee">
ලියවිල්ල
</p>
උදාහරණයක් ලෙස, අපට එවැනි පන්තියක් සහිත සියලුම අංග රතු පැහැයට පාමුලට ගත හැකිය:
.eee {
color: red;
}
කෙසේ වෙතත්, පන්තියක් සහිත නිශ්චිත ටැගයක් වෙත යොමු විය හැකිය.
උදාහරණයක් ලෙස, h2 ටැග් ගණනාවක් eee පන්තිය සමඟ වෙන වෙනම තෝරාගෙන,
එම පන්තිය සමඟ ඇති සියලුම p ටැග් වෙන වෙනම තෝරාගත හැකිය.
මෙය සිදු කිරීම සඳහා, තෝරනයේ ටැගයේ නම සහ පසුව පන්තියේ නම එකට ලිවිය යුතුය.
උදාහරණයක් ලෙස, අපගේ පන්තිය සහිත h2 ටැග් රතු පැහැයටද,
එවැනි පන්තියක් සහිත ඡේද කොළ පැහැයටද පාමුලට ගනිමු:
h2.eee {
color: red;
}
p.eee {
color: green;
}
පහත කේතය ලබා දී ඇත:
<h2 class="header">ලියවිල්ල</h2>
<h2 class="header">ලියවිල්ල</h2>
<h3 class="header">ලියවිල්ල</h3>
<h3 class="header">ලියවිල්ල</h3>
.header {
color: red;
}
header පන්තිය සහිත සියලුම h2 ටැග් 40px ප්රමාණයටද,
මෙම පන්තිය සහිත සියලුම h3 ටැග් 30px ප්රමාණයටද සකසන්න.
