1. 爱易网页
  2. HTML教程
  3. table样式影响内嵌的table的有关问题

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

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

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


这样的话如果里面嵌……

相关资料更多>

  1. 关于使用Flex实现全景图浏览的环境搭建有关问题
  2. 求html5视频教程,该如何解决
  3. 关于Div中内容格局
  4. 正常用css设置中文字体的Unicode编码
  5. XHTML+CSS格局的使用点滴
  6. 站在DIV+CSS的上端
  7. Jquery简略入门到精通细节 - （十三）Jquery HTML之“设置内容和属性”
  8. HTML5基础教程:audio音频标签的详解
  9. 不固定宽度TD里超长内容怎么能不换行而超出部分自动隐藏