How Can I Have Two Sets Of Links With Different Colors

How Can I Have Two Sets Of Links With Different Colors


  • 19 Jan, 2012

    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}Alternatively, you can identify an element that contains the links that you want to have different colors, like this:<div class="example2">...<a href="[URL]">[link text]</a>...<a href="[URL]">[link text]</a>...<a href="[URL]">[link text]</a>...</div>Then, in your style sheet, use a selector for links in this containing element, like this:.example2 a:link {color: yellow; background: black}.example2 a:visited {color: white; background: black}.example2 a:active {color: red; background: black}

    Comments Received:
    Please give your suggestions and feedback:

2009-2016 downloadmela.com. All rights reserved.