Changing the Default Color for Individual Link States

If your special link color needs to change depending on the state of the link, the style attribute of the anchor tag doesn't really help you out, since you need access to the pseudo-classes of the anchor tag. Not a problem—just create a special class style, like this:

<style type="text/css">

  a.special:link {
    color: #FF0000;
  }

  a.special:visited {
    color: #CC0000;
  }

  a.special:active {
    color: #990000;
  }

  a.special:hover {
    color: #660000;
  }

</style>

<body>

  <a class="special" href="../special1.htm">See Our Specials</a>
  <a class="special" href="../special2.htm">See More Specials</a>

</body>

In this example, you have four style rules for the four CSS link states, each corresponding to a different ...

Get Web Design Garage now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial