table样式影响内嵌的table的问题

[chenhaoying]

样式：

#mdA #dtb,#mdA  #dtb td,#mdA  #dtb th{border:1px solid #008800;border-collapse:collapse;}

 <div id="mdA">
            <table id="dtb" border="0" cellpadding="0" cellspacing="0" width="769px">
<tr><td></td></tr>
<tr><td>
<table id="tb2"><tr><td>内嵌的table</td></tr></table>

</td></tr>
</table>

本来是给id="dtb"的样式的，可是连id="tb2"也影响到了，这个样式该怎么改才不影响里面的tb2呢？不要给tb2再赋其他的样式覆盖，因为有时这个tb2是无法控制的，不如说放页面编辑器的时候。

[乌镇程序员]

#dtb, #dtb > tr > td, #dtb > tr > th {
	border:1px solid #080;
	border-collapse:collapse;
}

IE6不支持子元素选择器，想要兼容IE6的话就得使用JS解决了。

[86y]

#mdA #dtb,#mdA  #dtb td,#mdA  #dtb th{border:1px solid #008800;border-collapse:collapse;}
#mdA  #dtb td td{border:1px solid #000;border-collapse:collapse;}

[chenhaoying]

我用的ie是ie8测试的。就是影响到子元素，郁闷啊。

[chenhaoying]

[Quote=引用 1 楼 的回复:]

CSS code
#dtb, #dtb > tr > td, #dtb > tr > th {
border:1px solid #080;
border-collapse:collapse;
}


IE6不支持子元素选择器，想要兼容IE6的话就得使用JS解决了。
[/Quote]

ie8和火狐验证通过。
兼容IE6的话除了使用JS还有什么方法没？

[chenhaoying]

[Quote=引用 4 楼 的回复:]

CSS code

#mdA #dtb,#mdA #dtb td,#mdA #dtb th{border:1px solid #008800;border-collapse:collapse;}
#mdA #dtb td td{border:1px solid #000;border-collapse:collapse;}
[/Quote]

这样的话如果里面嵌套有多个table的话，想给不同的table使用不同的样式就不行了。

[86y]

[Quote=引用 5 楼 的回复:]

引用 4 楼 的回复:

CSS code

#mdA #dtb,#mdA #dtb td,#mdA #dtb th{border:1px solid #008800;border-collapse:collapse;}
#mdA #dtb td td{border:1px solid #000;border-collapse:collapse;}


这样的话如果里面嵌……
[/Quote]
你要套很多吗？