Styling Link

1. Links can be styled with any CSS property (e.g. color, font-family, background, etc.).
2. Special for links are that they can be styled differently depending on what state they are in.

This will style all aspects of the link (hover, visited, and active).To style each part separately, we use pseudoclasses.

Link Pseudoclasses

There are four basic types of link pseudo-classes we can define:

1. :link - this is the default style for the link .
2. :visited - after a link has been clicked.
3. :hover - as a mouse is paused over a link (pre-click).
4. :active - right as the link is being clicked

Creating  Pseudoclasses

1. To define a link pseudo-class, we use it with the a tag in our CSS Selector.
2. So, to change the visited color of all our links to grey, we write: