a:link    { color: #62D6F5 }    /* unvisited links */
a:visited { color: #083253 }   /* visited links   */
a:hover   { color: #99FFFF } /* user hovers     */
a:active  { color: #330066 }   /* active links    */

Note that the A:hover must be placed after the A:link and A:visited rules, since otherwise the cascading rules will hide the 'color' property of the A:hover rule. Similarly, because A:active is placed after A:hover, the active color (lime) will apply when the user both activates and hovers over the A element.

An example of combining dynamic pseudo-classes:

a:focus { background: yellow }
a:focus:hover { background: #00ffff }
p:first-line { text-transform: uppercase }

p { line-height: 1.1 }
p:first-letter { font-size: 3em; font-weight: normal }
span { font-weight: bold }
p { clear: left }