CSS工作在内联但不在样式表中

时间:2011-01-29 21:12:31

标签: css inline external

我有这个CSS:

width: 98px; height: 298px; border: 1px solid; margin: 30px 25px 0px 25px;

这在style=""内联样式中运行良好,但是当我在样式表中使用它时,该元素完全消失!这是一些疯狂的行为......

是否有人知道此问题的修复/解决方法?

更新

如果我从样式表完全删除#advert代码并将CSS内联,但将id="advert"保留在div上,它仍然不会出现。但是,如果我删除id="advert位,则div显示正常......奇怪。

2 个答案:

答案 0 :(得分:8)

很可能你的样式表中有一个级联,它以某种方式“隐藏”了有问题的元素,并且你的内联样式会覆盖它,因此元素是可见的。但是,当您将规则移动到样式表中时,它们不再覆盖,因为您使用的选择器的优先级低于“隐藏”该元素的选择器。

您可以使用FireBug或Web Developer工具栏等工具来检查和检查元素并查看影响某些内容的所有CSS。我敢打赌,你会看到一些额外的东西,你没想到的!

答案 1 :(得分:6)

自从我提出这个问题以来已经有很长一段时间了,但我似乎记得这是由于我使用Adblock加上 - 它阻止了<div>,因为它的ID为advert - a非常简单的疏忽。

从那以后,我一直在开发ABP,你应该检查你可能使用的任何插件是不是以你不想要的方式阻止/修改HTML。