CSS [attribute|=value] Selector

เลือกและรูปแบบองค์ประกอบที่ lang ค่าแอตทริบิวต์ของเริ่มต้นด้วย "en" :

[lang|=en] {
background-color: yellow;
}

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง

ความหมายและการใช้งาน

[การ attribute | = value ] เลือกจะใช้ในการเลือกองค์ประกอบที่มี specified แอตทริบิวต์ที่เริ่มต้นด้วยค่าที่ระบุ

Note: ค่าที่จะต้องมีทั้งคำเพียงอย่างเดียวเช่น lang = "th" หรือตามด้วย hyphen( - ) เช่น lang = "en-US"

เวอร์ชัน:	CSS2

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่เลือก

ผู้เลือก
[ attribute \|= value ]	4.0	7.0	2.0	3.1	9.6

Note: สำหรับ [ attribute | = value ] ในการทำงานใน IE8 และก่อนหน้านี้ <! DOCTYPE> จะต้องประกาศ

[ attribute |= value ] {
css declarations ;
} Demo

เลือกรูปแบบและองค์ประกอบที่ class ค่าแอตทริบิวต์ของเริ่มต้นด้วย "top" :

[class|=top] {
background-color: yellow;
}