Íá ãÔßáÉ ÊÛíÑ áæä ÇáÑÇÈØ ÈÚÏ ÇáÖÛØ Úáíå CSS change link color after click
a - a:visited - a:focus - a:hover - a:active - a:target - a:selected


Çåã ÇßæÇÏ css ÇáÎÇÕÉ ÈÇáÑÇæÈØ ÞÈá æ ÈÚÏ

ßæÏ:
        /* unvisited link */
a:link {
  color: green;
}
 
/* visited link */
 a:visited {
  color: green;
}

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

/* selected link */
 a:active {
  color: yellow;
}     
ÇáãÔßáÉ :

Çä åäÇß ÑÇÈØ Èáæä ÇÈíÖ Úáì ÎáÝíÉ Èáæä ÇÒÑÞ ÚäÏ ÇáæÞæÝ Úáíå íßæä hover ÈÑÊÞÇáì æáßä ÈÚÏ ÇáÖÛØ Úáíå íßæä Çááæä ÇÒÑÞ ÈäÝÓ áæä ÇáÎáÝíÉ æÈÇáÊÇáì íÙåÑ Çäå ãÎÊÝí,


Íá ÇáãÔßáÉ :
1- áÇ ÈÏ Çä íÊã æÖÚ ÇáßæÏ Úáì ÇáßáÇÓ ÇáÕÍíÍ ÇáÇÓÇÓí åÇã ÌÏÇ

2- ÖÚ áæä ÇÓÇÓì ááßáÇÓ a:link
3- ÖÚ áæ åæÝÑ ááßáÇÓ a:hover
åÊÌÏ Çä ÇáãÔßáÉ Êã ÍáåÇ ÈÔßá ÇßíÏ æáÇ ÍÇÌÉ ááÜ a:active - a:target - a:selected