html - 表格是否打破段落样式？

Question

我想以相同的方式设置段落和表格内容的样式。

p, table {
    color:#555;
    font-family:Arial;
}

但是当一个表格被插入到一个段落中时

<p>Some text
<table>
    <tr><td>Text inside table</td></tr>
    <tr><td>Text inside table</td></tr>
</table>
Some other text    
</p>

Fiddle

表格后面的文本(一些其他文本)没有所需的样式。
表格是否中断段落样式？

Answer 1

HTML 不允许段落包含表格。

段落的结束标记是可选的。

启动一个表隐式地终止了该段落，并且该表是该段落的同级而不是它的子级。

表格后面的文本节点也是段落父元素的子节点。

段落的结束标记被忽略，因为它是一个错误。

如果您使用浏览器的开发工具或 validated 检查 DOM，您会注意到这一点你的 HTML。

它是这样呈现的:

 <p>Some text </p>
 <table>
    <tbody>
     <tr>
       <td>Text inside table</td>
     </tr>
     <tr>
      <td>Text inside table</td>
     </tr>
    </tbody>
</table>Some other text