table样式影响内嵌的table的有关问题-HTML教程-爱易网页

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

日期：2014-05-17　浏览次数：20759 次

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


这样的话如果里面嵌……

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

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

相关资料更多>

推荐阅读更多>