CSS Links ( a:hover MUST come after a:link and a:visited a:active MUST come after a:hover)

links can be styled differently depending on what state they are in.
The four links states are:

• a:link - a normal, unvisited link
• a:visited - a link the user has visited
• a:bay lượn - a link when the user mouses over it
• a:active - a link the moment it is clicked

Example

/* unvisited link */
a:link {
    color: red;}

/* visited link */
a:visited {
    color: green;}

/* mouse over link */
a:hover {
    color: hotpink;}

/* selected link */
a:active {
    color: blue;}

When setting the style for several link states, there are some order rules:

• a:hover MUST come after a:link and a:visited
• a:active MUST come after a:hover