Link Pseudo-Classes
The four link states in order: :link (unvisited), :visited (visited), :hover (hovered), :active (clicked). Always define them in LVHA order.
CSS
Beginner
4 min read
:link, :visited, and :active
Example
a:link { color: #007bff; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; text-decoration: underline; }
a:active { color: #003d80; }
/* Remember: LoVe HAte = LVHA order */ Pro Tip
Remember LVHA order (LoVe HAte) — defining them out of order causes later pseudo-classes to override earlier ones.