css - Overriding user agent stylesheet -
for reason website won't use styles!
i have in stylesheet:
#nav { margin: 15px 0 15px 0; padding: 0; width: 965px; background: #ffffff; border-bottom: 0px #f2e9e1 solid; height: 2.1em; } #nav ul { display: block; margin: 0; padding: 0 0 0 10px; line-height: 17px; list-style: none; z-index: 90 } #nav ul li { float: left; margin: 0 1px 0 0; padding: 0; font-size: 14px; letter-spacing: 1.0px; line-height: 17px; list-style-type: none; white-space: nowrap; } #nav ul li { float: left; display: block; width: auto; font-weight: normal; background: transparent; text-decoration: none; color: #1c140d; margin: 0; }
part of html:
<div id="nav"> <ul class="level1"> <li><a href="http://comparative-legumes.org/development_activities">development</a></li> <li class="sep">|</li> <li> <a href="#" class="no_cursor">search</a> <ul class="level2" style="position: absolute; top: 0px; left: 0px; visibility: hidden; "> <li><a href="http://search.comparative-legumes.org">seqqle search sequence</a></li> <li><a href="http://soybase.org:8085/cvits/new">cvit search tool</a></li> <li><a href="http://soybase.org:8085/gene_families">leggle search</a></li> </ul> </li>
but developer tools says matched css rules first <li> li instead of #nav ul li.
any idea?
just idea, make sure stylesheet being loaded. unless you've changed in browser, there no reason styles shouldn't working.
also, if can, provide url can at.
Comments
Post a Comment