我遇到过几次这种情况 - 我在编写或修改 CSS 模板时考虑了特定的事情，但浏览器显示的方式与预期不同。当我在 Chrome 中使用“Inspect Element”时，它显示了我打算与该元素关联的属性，但浏览器却显示了一些不同的东西。就解决问题/让网站看起来像您想要的样子而言，这里有哪些可能的选择？
在我遇到一个问题之前，我不记得它在 Chrome 中的确切位置(但 Chrome 开发人员工具按我的意图显示了它)，但它确实显示在另一个浏览器中。
现在，我遇到了一个问题，即同一站点上的多个页面对于同一菜单具有不同的字体，尽管 Inspect Element 中显示的 CSS 对所有页面都是正确的 - Chrome 和 Safari 之间的行为是一致的(尚未检查其他浏览器)。
最佳答案
您始终可以在下行中检查 !important。我认为这发生在我身上一次，而且我不认为它在我的风格中划出了一条线，被超越了。 (这可能是很久以前发生的事情了。)如果是这种情况并且如果 !important 是必要的，唯一真正解决这个问题的方法是添加 !important 您要覆盖的规则。 (尽可能避免使用 importants，因为在大多数情况下 importants 不是必需的。)
关于css - 当 Chrome 中的 "Inspect Element"显示 CSS 的预期行为但实际结果不同时，有什么想法？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18496010/