导致隐藏 div 的嵌入样式

Question

所以我对采用一个项目感到不愉快......无论如何，网站上有一个显示一些信息的 div，并且由于某种原因，某处有一个嵌入样式导致它成为 display: none; 我使用Google Chrome 的 Web Developer 插件可禁用所有嵌入式样式，然后它就可以正常工作。当我检查元素时，我可以看到导致它的样式，但是当我尝试禁用 CSS 属性显示时，它会禁用但不会在属性上创建删除线。我隐含地设置了display: block !important; 的内联样式，但还是不行。似乎也没有提到该样式来自的位置，没有说用户代理样式表，也没有引用任何其他样式表。

有趣的是，IE 运行良好。 div 完美显示... Firefox 和 Safari 引起了同样的问题，这让我认为它实际上可能是一个 WebKit 错误。也许只是需要更多的了解？

Answer 1

找到了。 div 的类是 advert_container，我的浏览器插件之一是 AdBlock，这导致 div 被删除...

Answer 2

你是在引用这个 display:block !important，内嵌在 html 元素中，还是在某个样式表中？

CSS 属性越接近您的问题 div，这应该应用它。同样引用 !important 通常会否决其他 CSS 属性，但是如果其他 CSS 属性更具体，也可能是这被否决的原因。

如果您使用开发人员工具并获得预期效果，您应该复制它创建的 css，然后将其粘贴到您的 html 页面中。