css element.style display：none;被识别而不是实际的CSS

Question

我遇到一个问题，当我有一个id或div附加到它时，li标签被写为element.style { display:none; }。例如：

<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中设置的位置，如果失败或无法更改，您可以始终使用不太推荐的方法并将样式标记为!important这将覆盖内联样式。

#nav li {
    display:block!important;
}