CSS Links

Introduction

Example

1/* this styles links */
2a:link { color: blue; }
3a:visited { color: purple; }
4a:hover { color: red; }
5a:active { color: yellow; }

Key Points

• The `:link` pseudo-class styles unvisited links.
• The `:visited` pseudo-class styles clicked links.
• The `:hover` pseudo-class triggers when the mouse is over the link.
• The `:active` pseudo-class triggers during the exact moment of a click.