Home/ Questions/Q 6873381
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T04:03:41+00:00

I have an unordered list that I’m using as a menu. It has a

  • 0

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:

enter image description here

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**

enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

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

    • 0