html - Internet Explorer 8 忽略结束跨度标记并继续应用样式

Question

我有一些调整字体大小的类：

.text-tall {
    font-size: 1.5em;
}

.text-small {
    font-size: .8em;
}

当我将类应用于段落元素时

<p class="text-tall">Some text goes here.</p>

样式按预期工作。当我将它应用于跨度元素时

<p><span class="text-tall">Some text goes here.</span></p>

调整后的font-size的内容会应用于页面元素下方的所有文本，有时会导致文本逐渐变大。

显而易见的解决方案是简单地始终将类应用于段落元素，但我的段落底部边距相对大小（margin-bottom: 1.5em），所以这样做也会增加边距，这是我不想做的事情。

这似乎只是 IE8 及更低版本中的问题。任何建议，将不胜感激！

score 1 · Accepted Answer

谢谢大家的提示。原来我的functions.php文件（在 WordPress 中）中的一个函数正在删除结束</span>标签。

score 0 · Accepted Answer

尝试text-tall在 CSS 中使用 span 指定 div。例如，您可以这样做：

.text-tall span {
font-size: 1.5em;
}

您也可以对text-small.

2 回答 2