4 states Linked in CSS link, visited, hover, active order and settings

Link color when link is not point
visited the link color that has been ordered
Hover the color that the cursor puts on the link
Style when active clicks

Order must be set by link, visited, hover, active

1) Normal form
a:link{}
a:visited{}
a:hover{}
a:active{}

<a href= "..." >...</a>


2) Single class
a.clsname{}
a.clsname:link{}
a.clsname:visited{}
a.clsname:hover{}
a.clsname:active{}

<a href= "..." class= "Clsname" >....</a>


3) Container class
. CLS a:link{}
. CLS a:visited{}
. CLS a:hover{}
. CLS a:active{}

<div class= "CLS" >
<a href= "" >...</a>
</div>


4) Form of the ID
#idname a:link{}
#idname a:visited{}
#idname a:hover{}
#idname a:active{}

<div id= "Idname" >
<a href= "..." >....</a>
</div>

4 states Linked in CSS link, visited, hover, active order and settings