ตัวเลือกค่าแอตทริบิวต์ตามเครื่องหมายยัติภังค์
ตัวเลือกค่าแอตทริบิวต์ตามเครื่องหมายยัติภังค์ในค่า ใช้สไตล์กับองค์ประกอบ ซึ่งค่าของแอตทริบิวต์ ถูกแบ่งด้วยเครื่องหมายยัติภังค์
ตัวอย่าง
มาหาองค์ประกอบทั้งหมดที่มี
ค่า text อยู่ในค่าที่ถูกแบ่งด้วยเครื่องหมายยัติภังค์
และเปลี่ยนสีของพวกมันเป็นสีแดง:
<p class="text-main-header">text1</p>
<p class="text-content">text2</p>
<p class="test-main">text3</p>
<p class="tag-test">text4</p>
p[class|="text"] {
color: red;
}
:
ดูเพิ่มเติม
-
ตัวเลือก แอตทริบิวต์,
ซึ่งค้นหาองค์ัพตามชื่อแอตทริบิวต์ -
ตัวเลือก แอตทริบิวต์,
ซึ่งค้นหาองค์ัพตามค่าของแอตทริบิวต์ -
ตัวเลือก แอตทริบิวต์,
ซึ่งค้นหาองค์ัพตามส่วนเริ่มต้นของค่าของแอตทริบิวต์ -
ตัวเลือก แอตทริบิวต์,
ซึ่งค้นหาองค์ัพตามส่วนท้ายของค่าของแอตทริบิวต์ -
ตัวเลือก แอตทริบิวต์,
ซึ่งค้นหาองค์ัพตามข้อความในค่าของแอตทริบิวต์ -
ตัวเลือก แอตทริบิวต์,
ซึ่งค้นหาองค์ัพตามหนึ่งในค่าของแอตทริบิวต์ -
ตัวเลือกลูก,
ซึ่งอนุญาตให้เลือกองค์ัพตามการซ้อนทับโดยตรง -
ตัวเลือกตามบริบท,
ซึ่งอนุญาตให้เลือกองค์ัพตามผู้ปกครองของมัน -
ตัวเลือกเพื่อนบ้านข้างเคียง,
ซึ่งอนุญาตให้เลือกองค์ัพตามเพื่อนบ้านของมัน -
ตัวเลือกพี่น้อง,
ซึ่งอนุญาตให้เลือกองค์ัพหลังจากที่กำหนดไว้ -
ตัวเลือกสากล,
ซึ่งอนุญาตให้เลือกองค์ัพทั้งหมด
