Giả lớp only-child

Giả lớp only-child chọn phần tử là phần tử con duy nhất của phần tử cha.

Cú pháp

cssbộ-chọn:only-child {
  
}

Ví dụ

Trong ví dụ này, chúng ta sẽ làm cho li có màu đỏ nếu nó là phần tử con duy nhất của phần tử cha ul:

html<ul>
  <li>mục danh sách</li>
</ul>

<ul>
  <li>mục danh sách</li>
  <li>mục danh sách</li>
  <li>mục danh sách</li>
</ul>

cssli:only-child {
  color: red;
}

ul {
  margin-bottom: 10px;
}

Результат: