ตัวเลือกตามชื่อแอตทริบิวต์
ตัวเลือกตามชื่อแอตทริบิวต์ กำหนดสไตล์ให้กับองค์ประกอบ ที่มีเฉพาะแอตทริบิวต์ของแท็ก ที่ระบุเท่านั้น
ตัวอย่าง
ลองอ้างอิงถึงแท็ก <input>,
ที่มีแอตทริบิวต์ type,
และกำหนดสีพื้นหลังเป็นสีฟ้าให้กับมัน:
html<p>
<label>กรอกข้อความ</label>
<input>
</p>
<p>
<label>กรอกตัวเลข</label>
<input type="number">
</p>cssinput[type] {
background-color: #C2DDFD;
}
Результат:
ดูเพิ่มเติม
-
ตัวเลือก แอตทริบิวต์,
ซึ่งค้นหาองค์ัพธ์ตามค่าของแอตทริบิวต์ -
ตัวเลือก แอตทริบิวต์,
ซึ่งค้นหาองค์ัพธ์ตามจุดเริ่มต้นของค่าของแอตทริบิวต์ -
ตัวเลือก แอตทริบิวต์,
ซึ่งค้นหาองค์ัพธ์ตามส่วนท้ายของค่าของแอตทริบิวต์ -
ตัวเลือก แอตทริบิวต์,
ซึ่งค้นหาองค์ัพธ์ตามข้อความในค่าของแอตทริบิวต์ -
ตัวเลือก แอตทริบิวต์,
ซึ่งค้นหาองค์ัพธ์ตามค่าหนึ่งของแอตทริบิวต์ -
ตัวเลือก แอตทริบิวต์,
ซึ่งค้นหาองค์ัพธ์ตามยัติภังค์ในค่าของแอตทริบิวต์ -
ตัวเลือกลูกโดยตรง,
ซึ่งช่วยให้สามารถเลือกองค์ัพธ์ตามการซ้อนทันที -
ตัวเลือกตามบริบท,
ซึ่งช่วยให้สามารถเลือกองค์ัพธ์ตามผู้ปกครองของมัน -
ตัวเลือกเพื่อนบ้านที่ติดกัน,
ซึ่งช่วยให้สามารถเลือกองค์ัพธ์ตามเพื่อนบ้านของมัน -
ตัวเลือกพี่น้องทั่วไป,
ซึ่งช่วยให้สามารถเลือกองค์ัพธ์ที่อยู่หลังองค์ัพที่กำหนด -
ตัวเลือกสากล,
ซึ่งช่วยให้สามารถเลือกองค์ัพทั้งหมด