The :hover CSS pseudo-class triggered when the user hovers over an element with the cursor.
📝 If you are using :link, :visited, :active. Remember to add hover after link and visited according to LVHA-order: :link — :visited — :hover — :active.
2️⃣ :active
The :active CSS pseudo-class starts when the user presses down the primary mouse button.
3️⃣ :visited
The :visited CSS pseudo-class represents links that the user has already visited.
4️⃣ :focus
The :focus CSS pseudo-class represents an element (such as a form input) that has received focus. It is generally triggered when the user clicks or taps on an element or selects it with the keyboard's Tab key.