CSS Links
To style links you use the a selector (anchor) and the following pseudo-classes. When you use pseudo classes you use the semi-colon after the selector. Pseudo classes are IDs which the browser applies to elements, and can save you time when making classes of every type of link.
| Pseudo Classes | Description |
|---|---|
| :link | Styles a unvisited link |
| :visited | Styles a visited link |
| :active | Active link (when you click on it) |
| :hover | When you point your mouse cursor over it |
It must be done in this order, otherwise it will not work.
The common way of styling links is to change the fore-colour so it stands out and to underline it; by default, links are underlined. If you don't want them to be underlined, use text-decoration:none;.
a:link {color: #EEE;}
a:visited {color: #000;}
a:active {color: #33CCFF;}
a:hover {text-decoration:none;}