css !important 不起作用 & 内联块更改为阻止答案

【问题标题】：css !important doesn't work & inline-block changes to blockcss !important 不起作用 & 内联块更改为阻止
【发布时间】：2020-09-02 09:29:31
【问题描述】：

抱歉，如果这是重复的帖子。我还没有在一些类似的帖子中找到答案。

这是我网站的 HTML：

.navbar-block{
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

<div id="navbar" style="background-color: #393939; position: relative; top: -8px; left: -8px; width: 100%; height: 37px; border: 8px solid #393939;">
    <div id="logo-container" class="navbar-block">
        <a href="/questions" style="color:rgba(0,0,0,0);">
            <p style="font-size: 25px; color: #B8A184;" class="no-select">JFJudge</p>
        </a>
    </div>
    <div id="navbar-question" class="no-select navbar-block"><p style="font-size: 14px; color: #ffffff; transform: translateY(-1px);">Questions</p></div>
</div>

但是，样式 inline-block margin-left margin-right 似乎都不起作用。我使用控制台脚本检查了元素的显示样式。它似乎具有block 样式。

解决方案是将内联 CSS 放入元素 logo-container 和 navbar-question。

我试图通过仅编辑 CSS 样式表来解决问题。我也试过了：

.navbar-block{
    display: inline-block !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

还是不行。

我现在应该尝试什么？谢谢。

注意：我使用Django localhost 测试HTML，样式表放在静态文件夹中。

【问题讨论】：

理论上没问题，请写一个在线demo！
如果一切正常，那么它们必须被其他css样式覆盖，或者可能是css样式表文件加载失败
@QiuZhou 我可以看出样式表加载成功，因为文件中写入的其他css脚本确实对其他元素进行了更改。

标签： html css

【解决方案1】：

可能有另一行覆盖了您的重要行。在这些情况下我总是做的是：在Firefox中打开页面，右键单击相关元素并单击“调查”以打开开发工具，然后通常您覆盖的css行旁边会显示一个过滤器。点击那个图标，它会准确地告诉你哪一行覆盖了现有的。

【讨论】：

啊，我忘了在 Django 中运行 python manage.py collectstatic。感谢您提供此方法！