ซีเล็กเตอร์ตามค่าอ็อตทริบิวต์

ซีเล็กเตอร์ตามค่าอ็อตทริบิวต์ อนุญาตให้เลือกองค์ประกอบ ตามการมีอ็อตทริบิวต์เฉพาะ หรือค่าของมันและใช้ สไตล์ที่ต้องการกับพวกมัน

ตัวอย่าง

ลองมาดูแท็ก input, ที่ซึ่งค่าอ็อตทริบิวต์ type เท่ากับ text, และตั้งค่าสีพื้นหลังเป็นสีฟ้าน้ำทะเลให้มัน:

<p>
	<label>Enter text</label>
	<input type="text">
</p>
<p>
	<label>Enter number</label>
	<input type="number">
</p>

input[type="text"] {
	background-color: #C2DDFD;
}

ดูเพิ่มเติม

ซีเล็กเตอร์ อ็อตทริบิวต์,
ซึ่งค้นหาองค์ัพธิ์ตามชื่ออ็อตทริบิวต์
ซีเล็กเตอร์ อ็อตทริบิวต์,
ซึ่งค้นหาองค์ัพธิ์ตามจุดเริ่มต้นของค่าอ็อตทริบิวต์
ซีเล็กเตอร์ อ็อตทริบิวต์,
ซึ่งค้นหาองค์ัพธิ์ตามจุดสิ้นสุดของค่าอ็อตทริบิวต์
ซีเล็กเตอร์ อ็อตทริบิวต์,
ซึ่งค้นหาองค์ัพธิ์ตามข้อความในค่าอ็อตทริบิวต์
ซีเล็กเตอร์ อ็อตทริบิวต์,
ซึ่งค้นหาองค์ัพธิ์ตามหนึ่งในค่าของอ็อตทริบิวต์
ซีเล็กเตอร์ อ็อตทริบิวต์,
ซึ่งค้นหาองค์ัพธิ์ตามยัติภังค์ในค่าอ็อตทริบิวต์
ซีเล็กเตอร์ลูก,
ซึ่งอนุญาตให้เลือกองค์ัพธิ์ตามการซ้อนทับโดยตรง
ซีเล็กเตอร์ตามบริบท,
ซึ่งอนุญาตให้เลือกองค์ัพธิ์ตามผู้ปกครองของมัน
ซีเล็กเตอร์ข้างเคียง,
ซึ่งอนุญาตให้เลือกองค์ัพธิ์ตามเพื่อนบ้านของมัน
ซีเล็กเตอร์พี่น้อง,
ซึ่งอนุญาตให้เลือกองค์ัพธิ์หลังจากที่ระบุ
ซีเล็กเตอร์สากล,
ซึ่งอนุญาตให้เลือกองค์ัพธิ์ทั้งหมด