ทำความเข้าใจกับ Hovering และ :hover Pseudo-Class ใน CSS

การโฮเวอร์หมายถึงสถานะขององค์ประกอบเมื่อวางตัวชี้เมาส์ของผู้ใช้ไว้เหนือองค์ประกอบนั้น เมื่อองค์ประกอบถูกโฮเวอร์ โดยปกติแล้วจะมีการเน้นหรือเน้นในลักษณะใดลักษณะหนึ่งเพื่อระบุว่าเป็นองค์ประกอบที่เลือกหรือโฟกัสอยู่ในปัจจุบัน ใน HTML และ CSS คุณสามารถใช้คลาสหลอก `:hover` เพื่อกำหนดสไตล์สำหรับองค์ประกอบเมื่อพวกมัน ถูกโฉบเหนือ ตัวอย่างเช่น คุณอาจใช้คลาสหลอก `:hover` เพื่อเปลี่ยนสีพื้นหลังขององค์ประกอบ เพิ่มเงาตกกระทบ หรือแก้ไขการตกแต่งข้อความ ต่อไปนี้คือตัวอย่างวิธีที่คุณอาจใช้คลาสหลอก `:hover` ใน CSS:
```
#my-element:hover {
background-color: #ff0000; /* พื้นหลังสีแดงเมื่อโฮเวอร์ */
}
```
จะใช้สไตล์ที่กำหนดไว้ในบล็อก `:` กับองค์ประกอบใด ๆ ที่มี ID `องค์ประกอบของฉัน` เมื่อวางเมาส์ไว้เหนือ คุณยังสามารถใช้คลาสหลอก `:hover` กับตัวเลือกอื่นๆ เช่น คลาสหรือองค์ประกอบ เพื่อนำสไตล์ไปใช้กับองค์ประกอบบางประเภทเมื่อวางเมาส์ไว้เหนือ