Question

I’ve got a sub nav that I want to stay open when it is clicked. I’ve got a “ul li a.selected” and I apply the rule “#main_nav ul li a.selected > ul { display: block; }” in place. Where am I faulting here? Specifically on this page, the Location drop down should be active. It’s got the class “class=”first selected””.

Thanks in advance for any help.

http://cypresshh.cakuun.com/index.php?id=14

Answer 1

Your sub navigation is not a child of your selected link (>) but a direct sibling (+). You should use this instead:

#main_nav ul li a.selected + ul { display: block; }

#main_nav li a.selected + ul { display: block; }