嵌套的CSS问题

我有以下代码：嵌套的CSS问题

<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">

2010-07-29 DD.

''和''应该是''和''。 – 2010-07-29 19:44:50

类名区分大小写，所以errmsg与errMsg不一样。将<table class="errMsg">更改为<table class="errmsg">。

2010-07-29 19:48:58

+1。接得好。 – NotMe 2010-07-29 19:54:04

我会使用一个严格的或过渡的文档类型。 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">

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

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

2010-07-29 19:46:34 NotMe

仍然有同样的问题...“顶部”风格仍然适用 – 2010-07-29 19:51:46

请参阅格特G的答案;他发现了实际的错误。尽管我仍然建议严格的兼容性原因。 – NotMe 2010-07-29 19:53:09

回答