It appears that when adding an 'href' tag to my anchor, all of the CSS formatting is lost. Is there a special way that CSS treats links?
Below is the basic CSS:
.topmenu > ul > li > a:visited,
.topmenu > ul > li > a:active,
.topmenu > ul > li > a:hover,
.topmenu > ul > li > a:link,
.topmenu > ul > li > a { font-family:Arial; font-size:1.0em; font-weight:bold; color:White; text-decoration:none; }Here is the HTML code:
<div class="topmenu">
<label>Name of Dept.</label>
<ul>
<li><a href="http://www.myurl.com">Itinerary</a></li>
<li><a>Team Members</a></li>
<li>Fundraising</li>
<li>Resources</li>
<li>Dates</li>
</ul>
</div>The anchor without the href attribute formats correctly, but with the href it doesn't. I expected the css a:link and a:visited to handle this situation. Adding !important to the CSS resolves the issue.