Originally invented by Microsoft, the a:hover pseudoclass was an immediate hit.
It allows you to define the styles of an element the mouse hovers over. a:active means:
an element that the user clicks on.
Test link for a:hover and a:active.
Since this invention the :hover and :active pseudo-classes have been
ported to all other elements.
Testsheet:
p:hover {color: red;}
p:active {text-decoration: underline;}
a:hover {text-decoration: overline;}
a:active {font-weight: 600;}