ตัวเลือกค่าแอตทริบิวต์ตามเครื่องหมายยัติภังค์

ตัวเลือกค่าแอตทริบิวต์ตามเครื่องหมายยัติภังค์ในค่า ใช้สไตล์กับองค์ประกอบ ซึ่งค่าของแอตทริบิวต์ ถูกแบ่งด้วยเครื่องหมายยัติภังค์

ตัวอย่าง

มาหาองค์ประกอบทั้งหมดที่มี ค่า text อยู่ในค่าที่ถูกแบ่งด้วยเครื่องหมายยัติภังค์ และเปลี่ยนสีของพวกมันเป็นสีแดง:

html<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>

cssp[class|="text"] {
  color: red;
}

Результат:

ดูเพิ่มเติม

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