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

标签 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 显示正常......奇怪。

最佳答案

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

您可以使用诸如 FireBug 或 Firefox 的 Web Developer 工具栏之类的工具来检查和元素,并查看所有影响某些内容的 CSS。我敢打赌,您会在那里看到意想不到的东西!

关于CSS 内联工作但不在样式表中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4839455/

相关文章:

jquery - 将页面滚动到滚动 jquery 上的 div

css - 内联 div 给浏览器兼容性问题

C# 在实例对象中锁定对象

mysql - 允许从任何地方连接数据库?

jquery 文档在外部脚本中准备就绪

css - SVG 线条动画在 Safari 中反转?

css - 在 jumbotron 类中自动调整非常长的文本

CSS 和字体大小与文本长度成正比?

C++内联函数?

html - 内联 div 元素