css element.style 显示 :none; being recognized instead of actual CSS

Question

我在将 li 标签写为 element.style { display:none; 时遇到问题} 当我附加了一个 id 或 div 时。例如:

<ul id="nav>
    <li class="another">this</li>
</ul>

在这种情况下，我可以编写 ul#nav {} 或 #nav li{} 或 .another{} 我可以然后将其中任何一个放入 display:inline-block; 。问题是我这样做了，但出于某种原因，该网站仍将其识别为 element.style {display:none;}，我无法弄清楚为什么 CSS 无法正常工作。我什至尝试过

<li style="display:block;"></li> 

但这也不起作用。

Answer 1

在 Chrome 中检查时，element.style 表示它是内联样式，即。

<li style="display:none;"></li> 

由于原始标记显然不包含它，因为您试图覆盖它，它很可能是由 JavaScript 设置的。

我建议您查看是否可以在您的 JS 中找到它的设置位置，如果失败或您无法更改它，您始终可以使用不太推荐的方法并将您的样式标记为 !重要 这将覆盖内联样式。

#nav li {
    display:block!important;
}