The hover pseudo-class
The hover pseudo-class sets styles
for the link we hover over. Typically, this
pseudo-class is used in conjunction with
link,
visited
and active
pseudo-classes.
Syntax
a:hover {
}
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;
}
:
