css不遵循显示的规则

根据Chrome的说法，边框宽度规则是4px，但无论如何它显示的宽度都是0（从屏幕截图中可以看到）。Firefox也在展示同样的东西。我已经尝试了一百万种方法让边界显示出来（我在一个移动媒体查询中），但它就是做不到

---

在什么条件下，浏览器将覆盖其显示为应用的规则？通常，该工具会直接指向问题所在，但在这种情况下，该工具似乎表明我做的一切都是对的。

愚蠢的问题：你确定没有一条规则优先于该规则吗？检查是否有其他规则适用，并先考虑使用

mobile

。将移动设备所需的代码作为默认值，并使用媒体查询获得更大的分辨率。这看起来像是负4px。你确定你没有打字错误吗？这个截图来自Chrome的开发者工具-计算标签。这是你寻找优先问题的地方。每隔一次，它就会告诉我css文件的行号优先于我所期望的。在这种情况下，优先级是4px上边框宽度，但它只是不显示它。因此我感到沮丧。我们看到的不是css，而是chrome解释css文件的方式。它不是-4px。我知道某处有个错误。Safari和firefox展示了同样的东西。如果我知道我是如何欺骗所有三个渲染引擎的，我可能能够获得如何修复的线索。在这些情况下，我通常会删除或注释组件，以便隔离问题。通过这种方式，您可以创建一个JSFIDLE，或者提供一个任何人都可以看到的行为的工作示例