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

[Rise Team]

طريقة تغيير ألوان الروابط عن طريق كود 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