CSS Pseudo-class :link


The :link pseudo-class is used to add special effect to an unvisited link.

While defining pseudo-classes in a <style>...</style> block, following points should be taken care:

  • a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective.

  • a:active MUST come after a:hover in the CSS definition in order to be effective.

  • Pseudo-class names are not case-sensitive.

  • Pseudo-class are different from CSS classes but they can be combined.

Possible Values:

  • color: Any valid color value.

Applies to:

Anchor / Link element.


Following is the example which demonstrates how to use :link class to set the link color.

<style type="text/css">
a:link {color:#000000}
<a href="index.html">Black Link</a>

This will produce following black link:

Black Link

Spacer Bottom Left Corner ImageBottom Right Corner Image
Valid XHTML 1.0 Strict  Valid CSS! Check the accessibility of this site according to U.S. Section 508