CSS ไม่มี pseudoclass สำหรับ กำหนดเป้าหมายเหตุการณ์คลิก, และสิ่งนี้ถือว่าเป็นหนึ่งใน จุดปวดที่ใหญ่ที่สุด ของนักพัฒนาส่วนหน้า คลาสหลอกที่ใกล้ที่สุดคือ :คล่องแคล่ว องค์ประกอบรูปแบบสำหรับช่วงเวลาที่ผู้ใช้กดเมาส์ไว้เหนือมัน. อย่างไรก็ตามเอฟเฟกต์นี้มีอายุสั้น: เมื่อผู้ใช้ปล่อยเมาส์, :คล่องแคล่ว ไม่ทำงานอีกต่อไป เราต้องหาวิธีอื่นให้ได้ จำลองเหตุการณ์คลิกใน CSS. โพสต์นี้ถูกเขียนขึ้นเพื่อตอบสนองต่อคำขอของผู้อ่านและจะอธิบายวิธีการ กำหนดเป้าหมายเหตุการณ์การคลิกด้วย CSS บริสุทธิ์ ในกรณีการใช้งานเฉพาะ, การซูมภาพ. คุณสามารถดูผลลัพธ์สุดท้ายด้านล่าง - โซลูชัน CSS-only สำหรับ การซูมภาพเมื่อคลิก....