Bộ chọn phần tử CSS1 ~ phần tử2
Thí dụ
Đặt màu nền cho tất cả các phần tử <ul> đứng trước phần tử <p> có cùng một phần tử mẹ:
p ~ ul
{
background: #ff0000;
}
Định nghĩa và Cách sử dụng
Bộ chọn element1 ~ element2 khớp với các lần xuất hiện của element2 đứng trước element1 .
Cả hai phần tử phải có cùng một phần tử gốc, nhưng phần tử2 không nhất thiết phải đứng ngay trước phần tử1 .
Phiên bản: | CSS3 |
---|
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ bộ chọn.
Selector | |||||
---|---|---|---|---|---|
element1~element2 | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
Cú pháp CSS
element ~ element {
css declarations;
}