Webmaster Forum / HTML, CSS, Scripts / CSS / September 2004

I have a test/mock-up page here:
http://mathxy.com/dev/index.htm

and I've set one link on the dark-blue menu bar
the "Home" link that comes first

and it is blue font, but should not be.

Style sheet is here:
http://mathxy.com/dev/default.css

and this is defined as class "menuitem"

and I have the following definitions in the style sheet:

-----
.menuitem, a.menuitem:link {
    color: #CCCCFF;
    display: inline;
    font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
    font-weight: bold;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

a.menuitem:hover {
background: #9900CC;
color: White;
text-decoration: underline;
}

a.menuitem:visited {
    color: #CCCCCC;
}
-----

Yet the link comes out the default HTML blue, harking back to NS3 days.

Earlier in the stylesheet I have these definitions:
-----
a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    background-color: #CC99CC;
    color: Black;
    font-weight: bold;
}
-----

but that still doesn't indicate why I am getting default link behavior.
I've tested with the plain "a" definitions both before and after the
"a.menuitem" definitions, and same results both ways.

I am also in compliance with the LVHA rule, so am just plain puzzled as to
why the link on "Home" isn't coming out the correct color (which should be
#CCCCFF).