only-child යන ප්‍රත්‍යක්ෂ වර්ගය

only-child යන ප්‍රත්‍යක්ෂ වර්ගය මගින්, එම මූලික අංගයේ එකම දරුවා වන මූලද්‍රව්‍යයක් තෝරාගනු ලැබේ.

වාග් රීතිය

cssතෝරන්නා:only-child {
  
}

උදාහරණය

මෙම උදාහරණයේ දී, li මූලද්‍රව්‍යයේ දෙමාපිය ul හි එකම දරුවා වූ විට එය රතු පාටින් පෙන්වනු ලැබේ:

html<ul>
  <li>ලැයිස්තු අංගය</li>
</ul>

<ul>
  <li>ලැයිස්තු අංගය</li>
  <li>ලැයිස්තු අංගය</li>
  <li>ලැයිස්තු අංගය</li>
</ul>

cssli:only-child {
  color: red;
}

ul {
  margin-bottom: 10px;
}

Результат: