Why is this list item being styled with element.style instead of my custom style?

I have an unordered list that I'm using as a menu. It has a nested list in order to accommodate sub-items:

<ul class="menu" id="sub_menu">
  <li class="item452"><a href="/tfidev/about-us">About Us</a></li>
  <li class="item453"><a href="/tfidev/leadership">Leadership</a></li>
  <li id="current" class="parent active item454"><a href="/tfidev/press-room">Press Room</a>
    <ul>
      <li class="item455"><a href="/tfidev/press-room/press-releases">Press Releases</a></li>
    </ul>
  </li>
  <li class="item456"><a href="/tfidev/community-resources">Community Resources</a></li>
  <li class="item457"><a href="/tfidev/careers">Careers</a></li>
</ul>

The nested list item is not displaying (the Press Releases item), and when I do an Inspect Element, this is what I get:

Can anyone tell my why the element.style of display:none is overriding the matched css rule of display:block?

EDITED - !important added; no change*

Answers


Inline styles override stylesheet declarations. "element.style" shows you the current inline styles. These were probably set via JavaScript.


Need Your Help

Java Regex/run on groovy: how to extract all the captured blocks?

java regex groovy

I'm trying to extract two blocks of code from a text file using Java regex. However, I can only extract the last block. Could some one point out what is is wrong with mycode?

Name for ASP/ASP.NET Short Tags

asp.net asp.net-mvc asp.net-mvc-2 asp-classic

Is there a particular name for &lt;% and %&gt;.

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.