Many popular user agent stylesheets include a rule that selects a
and sets its color:
a:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
This is sort of a blue-ish color. Moreover, your style.css
has:
li a:link {
color: #f7f7f7;
font-weight: bold;
text-decoration: none;
}
This overrides the UA stylesheet and is why the link appears white. You need to actually select the a
with your rule:
.submenu a:link {
color: #1a6eb6;
}
The :link
part is necessary because of the specificity of the li a:link
selector. You could also do .submenu li a
or some other more specific selector.