In my current setup, I am utilizing the following CSS code snippet to define a specific color for alternate links on selected pages:
.altlink{
color: #FFFFFF;
}
Additionally, I have assigned a class of "altlink" to these desired links. However, one issue that has arisen is how to implement a hover effect that changes the color of these alternate links.
By default, my regular links utilize the following CSS for hover effects:
a:hover {
color: #C24B0C;
text-decoration: none;
}
To address this, I attempted the following CSS adjustment:
.altlink:hover{
color: #FF0000;
}
Unfortunately, this modification resulted in the removal of the alternate link color, reverting back to the original link color upon hover.
I am seeking guidance on how to successfully implement the hover color change while retaining the alternate link color setting.