读书人

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

发布时间: 2012-08-17 02:08:34 作者: rapoo

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

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


HTML code
 <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是无法控制的,不如说放页面编辑器的时候。

[解决办法]
CSS code
#dtb, #dtb > tr > td, #dtb > tr > th {    border:1px solid #080;    border-collapse:collapse;}
[解决办法]
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;}
[解决办法]
探讨

引用:

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;}


这样的话如果里面嵌……

读书人网 >CSS

热点推荐