I have two link styles defined in my subtheme.css however the second one is overriding the first so that all links appear the same.
I understand that styles can sometimes behave in such a way if they get duplicated and that the solution is to group elements with a class or ID. What makes me even more confused is that I haven't had this difficulty with other Omega sites that I have been working on.
I have tried both classes and ID's and I have tried disabling all the default CSS provided by the Omega base theme.
Try as I might, I can not get this to work and have very little hair left. Please will somebody put me out of my misery.
My stylesheet looks like this:
/* -------------------- CONTENT LINKS--------------------- /
#content-container a:link, a:visited {
color: #0062A0;
text-decoration: none;
}
#content-container a:hover {
text-decoration: underline;
color: #D20000;
}
#content-container a:active {
color: #D20000;
text-decoration: none;
}
/ -------------------- FOOTER LINKS--------------------- */
#region-footer_second a:link, a:visited {
color: #fff;
text-decoration: none;
}
#region-footer_second a:hover {
text-decoration: underline;
color: #fff;
}
#region-footer_second a:active {
text-decoration: underline;
color: #fff;
}