Pseudo-class :only-of-type trong CSS

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

CSS :only-of-type Pseudo-class được sử dụng để khớp với bất kỳ phần tử nào là con duy nhất của loại tương tự trong phần tử cha.

Mô hình

Đặt phong cách cho bất kỳ thẻ <p>, <li> và <b> nào là con duy nhất của loại tương tự trong phần tử cha:

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

Thử trực tiếp

Ngữ pháp CSS

:only-of-type {
  các quy định css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ pseudo-class.