HTML/XHTML:CSS format

From virtualMV2015wiki
Jump to: navigation, search
 Home  HTML/XHTML <

Introduction

Overview

Icon Objective.png

Objective

By the end of this page you will be able to:

  • demonstrate how you can have diifferent hyperlink colors on the same page

Different hyperlink colors in the same page

Kirupa(2004)[1] describes the following technique to display different hyperlink colours on the same page.

Make a separate class for the links

  <a href="#">normal orange link</a>
  <a href="#" class="green">special green link</a>

Example css:

 a:link, a:visited { color: #666; text-decoration: none; }
 a:hover, a:active { color: #f90; text-decoration: underline; }
 a.green:link, a.green:visited { color: #060; }
 a.green:hover, a.green:active { color: #0c0; }

Icon References.png References

  1. Kirupa(2004). CSS: Different hyperlink colours in different places. Retrieved October 20, 2008, from http://www.kirupa.com/forum/showthread.php?t=301779

HTML/XHTML:CSS format. (2017). In virtualMV's ( Michael Verhaart ) wiki. Retrieved December 13, 2017, from http://www.virtualmv.com/wiki/index.php?title=HTML/XHTML%3ACSS_format    (zotero)