Trang chủ
CSS
Bộ kết hợp CSS
Tryit: Bộ chọn anh chị em liền kề
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> div + p { màu nền: màu vàng; } </style> </head> <body> <h2>Bộ chọn anh chị em liền kề</h2> <p>Bộ chọn + được sử dụng để chọn một phần tử nằm ngay sau một phần tử cụ thể khác.</p> <p> ví dụ sau chọn phần tử p đầu tiên được đặt ngay sau phần tử div:</p> <div> <p>Đoạn 1 trong div.</p> <p>Đoạn 2 trong div.</p> </ div> <p>Đoạn 3. Sau div.</p> <p>Đoạn 4. Sau div.</p> <div> <p>Đoạn 5 trong div.</p> <p>Đoạn 6 trong div.</p> </div> <p>Đoạn 7. Sau div.</p> <p>Đoạn 8. Sau div.</p> </body> </html>