css - css element.style 显示：无；被识别而不是实际的 CSS

Question

我在写入 li 标签时遇到问题，就像element.style { display:none; }我附加了 id 或 div 时一样。例如：

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

在这种情况下，我可以写ul#nav {}or #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;
}