CSS [attribute|=value] ตัวแปล

การระบุและการใช้งาน

CSS [attribute|=value] เลือกตัวแปลใช้เพื่อเลือกรูปแบบที่มี attribute ที่ตรงกันหรือมีค่า attribute ที่เริ่มต้นด้วยค่าที่กำหนดโดยเส้นตาย

จำเป็นต้องทราบ:ค่าต้องเป็นคำที่สมบูรณ์ หรือปรากฏขึ้นโดยเดี่ยวๆ อย่างเช่น lang="en" หรือมีลิขนิยามเส้นตายต่อหลังอย่างเช่น lang="en-us"

ตัวอย่าง

ตัวอย่าง 1

เลือกและกำหนดรูปแบบสำหรับองค์ประกอบที่มีค่า attribute ว่า "en" หรือ "en-"

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

ลองเอง!

ตัวอย่าง 2

เลือกและกำหนดรูปแบบสำหรับองค์ประกอบที่มีค่า attribute ว่า "top" หรือ "top-"

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

ลองเอง!

รายละเอียดเรียกขาม CSS

[attribute |= value] {
  css declarations;
}

รายละเอียดเทคนิค

การสนับสนุนของบราวเซอร์

ตัวเลขในตารางนี้แสดงถึงเวอร์ชั่นบราวเซอร์ที่สนับสนุนเลือกตัวแปลนี้ในครั้งแรกที่สุด。