পseudoclass only-child

পseudoclass 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;
}

Результат: