CSS [attribute] ตัวเลือก

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

CSS [attribute] เลือกตัวที่มีคุณสมบัติที่ระบุ

ตัวอย่าง

เลือกและกำหนดรูปแบบทั้งหมดขององค์ประกอบ <a> ที่มีคุณสมบัติ target รวมทั้งเลือกและกำหนดรูปแบบขององค์ประกอบ <p> ที่มีคุณสมบัติ lang:

a[target] {
  background-color: yellow;
}
p[lang] {
  background-color: salmon;
}

ลองทดลองด้วยตัวเอง

CSS กรณีใช้งาน

[attribute] {
  css declarations;
}

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

เวอร์ชั่น: CSS2

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

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

Chrome Edge Firefox Safari Opera
4.0 7.0 2.0 3.1 9.6

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

CSS อบรม:CSS attribute selector

CSS อบรม:CSS แบบเลือกคุณสมบัติที่ละเอียด