CSS3 [attribute*=value] ความเป็นเรียง

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

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

ตัวอย่าง

ตัวอย่าง 1

กำหนดรูปแบบสไตล์สำหรับองค์ประกอบ <div> ที่มีค่าแอตทริบิวต์ class ที่มีคำว่า "test"

div[class*="test"] {
  background: salmon;
}

ทดลองเอง

ตัวอย่าง 2

กำหนดรูปแบบสไตล์สำหรับองค์ประกอบที่มีค่าแอตทริบิวต์ class ที่มีคำว่า "test"

[class*="test"] {
  background: salmon;
}

ทดลองเอง

CSS กรรมวรรณ

[attribute *= value] {
  css declarations;
}

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

เวอร์ชั่น: CSS3

การสนับสนุนโปรแกรมบราวเซอร์

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

Chrome Edge Firefox Safari Opera
4.0 7.0 3.5 3.2 9.6

หน้าที่เกี่ยวข้อง

การเรียน CSSCSS โฆษณาของคุณภาพ

การเรียน CSSCSS ลายเลือกความเป็นเรียง