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

chenhaoying 2012-07-16 10:30:19
样式:
#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是无法控制的,不如说放页面编辑器的时候。
...全文
380 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
86y 2012-07-19
  • 打赏
  • 举报
回复
[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]
你要套很多吗?
chenhaoying 2012-07-18
  • 打赏
  • 举报
回复
[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使用不同的样式就不行了。
chenhaoying 2012-07-17
  • 打赏
  • 举报
回复
[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 2012-07-17
  • 打赏
  • 举报
回复
我用的ie是ie8测试的。就是影响到子元素,郁闷啊。
86y 2012-07-17
  • 打赏
  • 举报
回复

#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;}
乌镇程序员 2012-07-16
  • 打赏
  • 举报
回复
#dtb, #dtb > tr > td, #dtb > tr > th {
border:1px solid #080;
border-collapse:collapse;
}


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

61,123

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧