Forums

This topic contains 2 replies, has 2 voices, and was last updated by  ZachHandy 7 months, 1 week ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #272537

    ZachHandy
    Participant

    I’m having a terrible time trying to figure out why my drop-down menu system isn’t working based on a “pure css” approach. In using Chrome debugger, I noticed that some of my selectors are being flat out ignored – and it is not because of specificity. The ones in question are actually more specific than the ones that are working fine.

    Here is the test code I’m using. At this point I’m just baffled why the selector “nav ul li ul” is being ignored. When I put style=”display:none;” in line at the sub ul tag, it disappears as expected. Please advise, thank you!

    #272538

    Beverleyh
    Participant

    Your nesting is off. Remember that the nested ul should be inside the li it is attached to – as a child, not as a sibling.

    #272541

    ZachHandy
    Participant

    Oh my gosh, what a newbie mistake! I completely over looked the fact that I terminated the li tag before adding the ul submenu.

    Works as anticipated now, thank you much!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star