为什么此列表项使用element.style而不是我的自定义样式进行样式设置？

Question

我有一个无序列表，我正在使用它作为菜单。它有一个嵌套列表，以容纳子项：

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

嵌套列表项未显示（新闻稿项目），当我执行Inspect Element时，这就是我得到的：

任何人都可以告诉我为什么display.style的display：none会覆盖display：block的匹配css规则吗？

*已编辑 - ！重要补充;没有变化**

Answer 1

内联样式覆盖样式表声明。 “element.style”显示当前的内联样式。这些可能是通过JavaScript设置的。

Answer 2

必须通过javascript添加。 看看你的javascript文件，并查找：

.css

或

.style

应该是上面的一个修改元素，因此覆盖你的CSS。