: hover but: not on a specific class

ฉันจะใช้ผลเลื่อนบนaองค์ประกอบ แต่ไม่ได้ไปยังaองค์ประกอบกับการเรียนactive?

a:hover(not: .active)

ดูเหมือนว่ามีบางอย่างหายไป

สัญกรณ์การทำงานเปิดอยู่:not()ไม่ใช่:hover:

a:not(.active):hover

หากคุณต้องการใส่:hoverก่อนก็ไม่เป็นไร:

a:hover:not(.active)

ไม่สำคัญว่าคลาสหลอกใดจะมาก่อนหรือสุดท้าย ทั้งสองวิธีตัวเลือกจะทำงานเหมือนกัน มันเป็นเพียงการประชุมส่วนตัวของฉันที่จะทำให้:hoverเป็นครั้งสุดท้ายเนื่องจากฉันมักจะวางคลาสหลอกการโต้ตอบกับผู้ใช้ไว้ด้านหลังคลาสหลอกเชิงโครงสร้าง

คุณมีตัวเลือกในการใช้not()ตัวเลือก

a:not(.active):hover { ... }

อย่างไรก็ตามสิ่งนี้อาจใช้ไม่ได้กับทุกเบราว์เซอร์เนื่องจากบางเบราว์เซอร์ไม่ได้ใช้คุณสมบัติ CSS3

หากคุณกำหนดเป้าหมายผู้ชมจำนวนมากและต้องการให้การสนับสนุนเบราว์เซอร์รุ่นเก่าวิธีที่ดีที่สุดที่จะกำหนดรูปแบบสำหรับและเลิกทำสิ่งที่คุณกำลังทำอยู่ใน.active:hovera:hover