Bộ chọn :empty trong CSS
1) Bộ chọn :empty trong CSS
- Bộ chọn :empty dùng để chọn tất cả các phần tử mà phần nội dung ở bên trong nó là rỗng.
2) Cách sử dụng bộ chọn :empty trong CSS
- Để sử dụng bộ chọn :empty, ta dùng cú pháp như sau:
:empty{
các khai báo định dạng CSS
}
3) Một số ví dụ
Ví dụ:
- Thiết lập đường viền đen, nền vàng, chiều cao 100px những phần tử có nội dung rỗng
:empty{
background-color:yellow;
border:1px solid black;
height:100px;
}
Xem ví dụ
Ví dụ:
- Thiết lập đường viền đen, nền vàng, chiều cao 100px những phần tử <div> có nội dung rỗng
div:empty{
background-color:yellow;
border:1px solid black;
height:100px;
}
Xem ví dụ