Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium


CSS heirarchy issue

Posted on 2011-04-28
Medium Priority
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="http://truesecrets.com.au/?page_id=302">Raid</a></li>

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

Clues? Please help.
Question by:Craig Lambie
  • 2

Expert Comment

ID: 35481430
What you need is kind of vague, can you be a bit more descriptive?

Author Comment

by:Craig Lambie
ID: 35481450
Hi Mikegte,

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

Maybe this screen shot will help http://screencast.com/t/vwmsALcRs2D

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

mikegte earned 500 total points
ID: 35481492
http://css-tricks.com/override-inline-styles-with-css/ check out this link maybe it could help.

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

578 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