CSS heirarchy issue

Posted on 2011-04-28
Last Modified: 2012-05-11
Hi Experts,

I am having issues with a particular CSS element just not going high enough to "work" for me.

See page
<li id="menu-item-342" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-302 current_page_item menu-item-342"><a href="">Raid</a></li>

CSS style.css
li.current-menu-item is being overridden.

Clues? Please help.
Question by:Craig Lambie

    Expert Comment

    What you need is kind of vague, can you be a bit more descriptive?
    LVL 1

    Author Comment

    by:Craig Lambie
    Hi Mikegte,

    Sorry, I think I have covered everything sometimes...

    Maybe this screen shot will help

    I want the element listed to have this class applied to it, but it is getting overridden by the cascading nature of css, and I can't work out how to make it be the "top dog" of the css.
    I have tried all sorts


    Accepted Solution

    by: check out this link maybe it could help.

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
    This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
    In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
    The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

    745 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    18 Experts available now in Live!

    Get 1:1 Help Now