Pseudo-class :only-child của CSS

Định nghĩa và cách sử dụng

CSS :only-child Pseudo-class được sử dụng để chọn và đặt phong cách cho bất kỳ phần tử nào là con duy nhất của phần tử cha.

Mô hình

Định nghĩa phong cách cho bất kỳ thẻ <p>, <li> và <b> nào là con duy nhất của phần tử cha:

p:only-child {
  màu nền: đỏ;
}
li:only-child {
  màu: hồng;
}
b:only-child {
  màu: xanh lá cây;
}

Thử ngay

Ngữ pháp CSS

:only-child {
  các khai báo css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Bảng số trong phần này chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn pseudo-class.