Bộ :emptychọn giả sẽ chọn các phần tử không chứa gì hoặc chỉ có chú thích HTML.
div:empty ( display: none; )Sẽ phù hợp
Sẽ không phù hợp
Nó hữu ích để ẩn các phần tử trống có thể gây ra khoảng cách kỳ lạ (ví dụ: chúng có đệm). Hoặc một cái gì đó như xóa đường viền khỏi phần tử ô trên cùng bên trái trong bảng tham chiếu chéo.
Lưu ý rằng trong thông số kỹ thuật Cấp 4 của Bộ chọn: trống đã được cập nhật để bao gồm phần tử toàn khoảng trắng. Cơ hội lớn! Yay! Không chắc liệu có trình duyệt nào đang thực sự làm điều đó hay không.
Hỗ trợ trình duyệt
Dữ liệu hỗ trợ trình duyệt này là từ Caniuse, có nhiều chi tiết hơn. Một con số cho biết rằng trình duyệt hỗ trợ tính năng ở phiên bản đó trở lên.
Máy tính để bàn
| Trình duyệt Chrome | Firefox | I E | Cạnh | Safari |
|---|---|---|---|---|
| 4 | 3.5 | 9 | 12 | 3.2 |
Di động / Máy tính bảng
| Chrome dành cho Android | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 2.1 | 3.2 |