طريقة تغيير ألوان الروابط عن طريق كود css مخصص

طريقة تغيير ألوان الروابط عن طريق كود CSS مخصص

لكي تتمكن من تغيير الوان نص الرابط وتغيير لون الرابط عندما نمرر المؤشر فوق الرابط يجب إتباع الخطوات الأتية:

1- لتغيير لون نص الرابط

نقوم باضافة هذا الكود:

كود:

---

a {
        color: #cc0000;
        }

---

مثال إذا كان لدينا Class ونريد تغيير لون نص الرابط وليكن اسم ال (title.heading-typo)class

فسيكون كود الرابط CSS بهذا الشكل

كود:

---

.title.heading-typo a:hover {
    color: #008625;
}

---

2- لتغيير لون نص الرابط عند تمرير المؤشر فوق الرابط

سنقوم بتطبيق على المثال السابق مع اضافة هذا الكود

كود:

---

a:hover  {
    color: yellow;
 }

---

فسيكون كود الرابط CSS بهذا الشكل

كود:

---

.title.heading-typo a:hover {
    color: #008625;
}

---

ملحوظة: إذا لم تتمكن من تشغيل تلك الاكواد قم باضافة امر !important بعد كود اللون
مثال:

كود:

---

.title.heading-typo a {
    color: white !important;
}
.title.heading-typo a:hover {
    color: #008625 !important;
}

---

المصادر:

w3schools

hyperlinkcode