首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-08-17 
table样式影响内嵌的table的问题样式:CSS code#mdA #dtb,#mdA#dtb td,#mdA#dtb th{border:1px solid #0088

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


这样的话如果里面嵌……

热点排行