149 of 313 menu

The link pseudo-class

The link pseudo-class specifies styles for unvisited links. Typically, this pseudo-class is used in conjunction with hover, visited and active pseudo-classes.

Syntax

a:link{ }

Example

An unvisited link will be red, a visited link will be blue. If you hover over it with the mouse, it will turn green, and if you press the left mouse button and hold it, it will turn black (active state):

<a href="#">link</a> a:link { color: red; } a:visited { color: blue; } a:hover { color: green; } a:active { color: black; }

:

See also

  • pseudo-class visited,
    which sets the style for a visited link
  • pseudo-class hover,
    which sets the style for a hover link
  • pseudo-class active,
    which sets the style of the link in activation
  • pseudo-class focus,
    which sets the style of the link in focus
byenru