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

表格后面的文字（Some other text）没有所需的样式。
表格会破坏段落风格吗？

Answer 1

HTML不允许段落包含表格。

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

启动表会隐式终止段落，而表格是该段落的兄弟，而不是它的子句。

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

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

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

呈现方式如下：

 <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

表会破坏段落样式吗？

1 个答案: