html - 为什么这个 HTML 不起作用？

Question

我在一个段落中有一个跨度文本 block 。在这个跨度 block 内，我有两个段落分隔符。在 webkit 上，浏览器正确呈现第一段，但在最后两段上无法返回到浏览器默认设置。为什么？

<style type="text/css">

span.post-content {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
}

</style>

<p><span class="post-content"> Some text here <p/> From here text loses style and adopts browser default <p/> same here </span></p>

这适用于所有浏览器，除了基于 Webkit 的浏览器:chrome 和 safari。

Answer 1

例子是invalid .修复错误，问题可能就会消失。

1. span 元素不能包含 p 元素
2. 在 HTML 中 <p/>并不代表您可能认为的意思
3. <p/>在 HTML 兼容的 XHTML 中是不允许的
4. 在 XHTML 中，<p>可能不包含 <p> (在 HTML 中也不是，但结束标记是可选的，所以 <p>foo<p>bar 是有效的，意思是 <p>foo</p><p>bar )

您可能想要这样的东西(并更改 CSS 以引用更改后的元素类型)

<div class="post-content">
    <p>Some text here</p>
    <p>From here text loses style and adopts browser default</p>
    <p>same here</p>
</div>