Two Sets of Links with Different Colors


How can I have two sets of links with different colors?

✍: FYIcenter


You can suggest this presentation in a style sheet. First, specify colors for normal links, like this:

a:link              {color: blue;   background: white}
a:visited           {color: purple; background: white}
a:active            {color: red;    background: white}

Next, identify the links that you want to have different colors. You can use the CLASS attribute in your HTML, like this:

<a class="example1" href="/[URL]">[link text]</a>

Then, in your style sheet, use a selector for links with this CLASS attribute, like this:

a.example1:link     {color: yellow; background: black}
a.example1:visited  {color: white;  background: black}
a.example1:active   {color: red;    background: black}

2007-03-03, 5836👍, 0💬