حل مشكلة تغير لون الرابط بعد الضغط عليه CSS change link color after click

حل مشكلة تغير لون الرابط بعد الضغط عليه 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