Question

这可能是一个愚蠢的问题。我在外部样式表上定义了所有样式，并将它们链接到我的文档，如下所示：

<link rel="stylesheet" type="text/css" href="tema.css" />

我的CSS是这样的：

body {
    background: #333;
    font-size: 10pt;
    color: white;
    font-family: sans;
}
#Table {
    /* font-size: inherit; */
}

我的<!DOCTYPE>是这样的：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

顺便说一句标准。但是，如果我{/ 1}} 我的文档上的print声明之前的任何，我的CSS样式会中断吗？

如果我这样做：

<!DOCTYPE>

我的表的foo <!DOCTYPE … > <html> <table id="Table">…</table> </html>属性被破坏，其中的所有文字都使用我的浏览器的默认font-size（12磅）进行渲染，但仅文本这是里面表格（我还没有找到另一个问题，这是我迄今为止唯一注意到的问题），并且只有我没有设置表格的具体font-size，直接font-size或10pt：

但是，如果我这样做（将inherit 放在回显之前）：

<!DOCTYPE>

或者这个（为表格设置一个特定的<!DOCTYPE … > foo <html> <table id="Table">…</table> </html>，即使在回显文本之后font-size >）：

<!DOCTYPE>

一切似乎都运转良好：

问题是：为什么？这件事发生在其他人身上吗？这是一个错误吗？我应该报告吗？

这里是关于pastebin的test document所以你可以玩它。

注意：

这种情况发生在谷歌Chrome，IE，Firefox，Opera，Midori甚至我的Android内置浏览器上。

我只是为了调试目的而回复该文字，所以它不是那么必要，我可以将body { … } #Table { font-size: inherit; }留在顶部，但是把它放在那里感觉不对，它和只是因为我无法找到与<!DOCTYPE>声明的位置相关的此行为的任何信息。