CSS element1 ~ element2ตัวเลือก
ตัวอย่าง
ตั้งค่าสีพื้นหลังสำหรับองค์ประกอบ <ul> ทั้งหมดที่นำหน้าด้วย <p> องค์ประกอบที่มีพาเรนต์เดียวกัน:
p ~ ul
{
background: #ff0000;
}
ความหมายและการใช้งาน
ตัว เลือก element1 ~ element2ตรงกับการเกิดขึ้นของelement2 ที่นำ หน้าด้วยelement1
องค์ประกอบทั้งสองต้องมีพาเรนต์เดียวกัน แต่element2ไม่จำเป็นต้องอยู่ข้างหน้าด้วยelement1 ใน ทันที
รุ่น: | CSS3 |
---|
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนตัวเลือกอย่างสมบูรณ์
Selector | |||||
---|---|---|---|---|---|
element1~element2 | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
ไวยากรณ์ CSS
element ~ element {
css declarations;
}