Pseudo-class :empty của CSS

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

CSS :empty Pseudo-class được sử dụng để khớp với mỗi phần tử không có phần tử con (bao gồm các nút văn bản).

Lưu ý:Nếu phần tử chứa các phần tử khác, văn bản hoặc khoảng trống giữa các thẻ, phần tử đó có phần tử con.

Ví dụ

Đặt màu nền nhạt cam cho phần tử trống có class="box":

box:empty {
  background-color: salmon;
}

Thử ngay

Ngữ pháp CSS

:empty {
  công thức css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

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