I have a simple CSS navigation menu that has been fine up until now! Here is the CSS -
However, I now need to add a couple of items on the end of the inline menu that must be displayed in a different initial colour than the default white font.
Does an external stylesheet override embedded styles? I've tried adding the style directly to the LI A tag but I still get the default white font.
TIA
Code:
div#navbar2 {
height: 40px;
width: 750px;
background-color: #808080;
float:left;
}
div#navbar2 ul {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFF;
line-height: 50px;
white-space: nowrap;
}
div#navbar2 li {
list-style-type: none;
display: inline;
}
div#navbar2 li a {
text-decoration: none;
color: #FFF;
}
div#navbar2 li a:link {
color: #FFF;
}
div#navbar2 li a:visited {
color: #FFF;
}
div#navbar2 li a:hover {
font-weight: bold;
color: #878AF5;
}However, I now need to add a couple of items on the end of the inline menu that must be displayed in a different initial colour than the default white font.
Does an external stylesheet override embedded styles? I've tried adding the style directly to the LI A tag but I still get the default white font.
TIA