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