Web Cơ Bản

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ụ