Multiple <li> styles in one <ul>?
I have been stumped working on this issue for about 2 days now, but havent been able to jump this hurdle:
transeca.com
My navigation is dynamically created in a loop:
<ul id="glossymenu">
<li>Category</li>
<li>sub category</li>
<li>sub category</li>
<li>Category</li>
<li>sub category</li>
</ul>
If you visit the page, the first <li> is 'Pet GPS' , this is a top level category. The next top level category is all the way at the bottom called 'Test'.
Basically Im trying to assign 2 different styles a 'Category' and 'sub category', my attempt at this is using an id on only the top level <li>'s:
<ul id="glossymenu">
<li id="maincat">Category</li>
<li>sub category</li>
<li>sub category</li>
<li id="maincat">Category</li>
<li>sub category</li>
</ul>
But I dont seem to be able to override the style in this manor:
#maincat li a{
background:#000000;
}
My stylesheet:
transeca.com/css/style.css
Any advice is deeply appreciated!
-
promo_guy -
Thanks
{{ DiscussionBoard.errors[864691].message }} -
-
rawservices -
Thanks
{{ DiscussionBoard.errors[864716].message }} -