为什么这个HTML不起作用？

Question

我在段落中有一个span文本块.在这个跨度块中,我有两个段落.在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

该示例无效.修复错误,问题可能会消失.

1. span元素不能包含ap元素
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>