pseudo selector ใน CSS Selectors Level 4

:any-link = :link + :visited - ลิงก์ทั้งหมดที่มี href

:focus-visible - จัดสไตล์ให้กับออบเจ็กต์ที่ได้รับโฟกัส

:focus-within - จัดสไตล์ออบเจ็กต์แม่เมื่อมีโฟกัส

:is() - ใช้พร้อมกันกับหลาย selector

:where() - คล้ายกับ is() แต่มี zero-specificity ใช้สำหรับกำหนดค่าเริ่มต้นในเฟรมเวิร์ก เป็นต้น

:not() ที่ปรับปรุงแล้ว - รองรับรายการ selector

:has() - ค้นหา parent ที่มีออบเจ็กต์เฉพาะอยู่ภายใน รวมอยู่ในข้อเสนอแต่เป็น "at-risk" (อาจถูกตัดออกใน Rec)

:empty - เสนอไว้ตั้งแต่ Level 3 ใช้เลือกออบเจ็กต์ทั้งหมดที่ไม่มี child

[xguru]

ยกระดับการเข้าถึงด้วย :focus-visible & :focus-within https://marshall-ku.com/web/tips/…