【问题标题】:All font-size styles are being overridden, text is sized with browser default所有字体大小样式都被覆盖,文本大小使用浏览器默认值
【发布时间】:2012-03-18 02:24:04
【问题描述】:

我正在修改的页面上的某些文本以 16 像素的计算大小显示,据我所知,这是大多数浏览器的默认字体大小。 FF 10 中的 Firebug 显示了几种适用于该元素的字体大小,但都被覆盖(选择器和值显示为带有删除线)。

为什么会发生这种情况?我假设通过脚本应用的任何样式都会出现在 element.style 选择器中。

【问题讨论】:

  • 您能否添加一个指向实时页面的链接以便我们对其进行检查?
  • 有些样式是用!important 声明的吗?我以前见过类似的事情发生...
  • 代码中有标签吗?这可能会搞砸你。
  • 实时页面在我的网络之外不可用。但是我发布的图片包含 Firebug 中的完整样式面板内容——它会显示任何“!important”或字体标签样式,对吗?此外,没有 16px 声明;所有被覆盖的样式都是 10px 或 12px,我认为这会排除 !important。
  • 需要查看更多代码。您能截取一些 HTML 吗?

标签: css firebug font-size


【解决方案1】:

我认为在 p 元素中包含 table 元素是无效的 HTML(您可以通过运行验证器来检查)。

我怀疑这是问题所在,然后浏览器不让table 继承font 属性(由于结构无效),因此默认为浏览器设置。

我认为如果您摆脱 p 作为包装器并让您的 css 包含:

#cajanoticias table {font-size: 10px}

你会解决你的问题。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-02-17
    • 2011-09-12
    • 2021-08-11
    • 1970-01-01
    • 2014-07-13
    • 2016-04-15
    • 2012-12-25
    相关资源
    最近更新 更多