CSS [ แอตทริบิวต์ ^= ค่า ] Selector
ตัวอย่าง
ตั้งค่าสีพื้นหลังในองค์ประกอบ <div> ทั้งหมดที่มีค่าแอตทริบิวต์ class ที่ขึ้นต้นด้วย "test":
div[class^="test"]
{
background: #ffff00;
}
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
ตัวเลือก [ แอตทริบิวต์ ^= ค่า ] จับคู่ทุกองค์ประกอบที่มี ค่า แอตทริบิวต์เริ่มต้นด้วยค่าที่ ระบุ
รุ่น: | CSS3 |
---|
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนตัวเลือกอย่างสมบูรณ์
Selector | |||||
---|---|---|---|---|---|
[attribute^=value] | 4.0 | 7.0 | 3.5 | 3.2 | 9.6 |
ไวยากรณ์ CSS
attribute ^= value {
css declarations;
}
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ตั้งค่าสีพื้นหลังขององค์ประกอบทั้งหมดที่มีค่าแอตทริบิวต์ class ที่ขึ้นต้นด้วย "test":
[class^="test"]
{
background: #ffff00;
}
หน้าที่เกี่ยวข้อง
กวดวิชา CSS: ตัวเลือกแอตทริบิวต์ CSS