Question

我有以下代码：

<table class="top">
<tr>

    <td>
    <table class="errMsg"><tr><td>Required field must not be blank </td></tr></table>
<td/>
<tr/>
</table>

我正在尝试设置错误消息，但“顶部”样式仍在继续应用：

.top td {
color:black;

}

.errmsg td {
color:red;
}

错误消息显示为黑色...我该如何解决这个问题？不确定这是否重要，但是当我取出dtd时，它工作正常，但它会弄乱定位。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Answer 1

类名称区分大小写，因此errmsg与errMsg不同。将<table class="errMsg">更改为<table class="errmsg">。

Answer 2

我会使用严格或过渡的doctype。 xhtml doctype没有得到很好的支持，我的理解是它基本上已经消失了。

严格使用：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

过渡用途：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

我几乎总是使用strict，因为它提供了最好的浏览器支持。通常情况下，我需要设置一些次要样式来修复某些标签上的某些边距。

此外，值得注意的是，当您完全删除doctype行时，所有浏览器都会回归到quirks模式，这很少是一件好事。 W3.org有list of valid doctypes您可能想要调查。