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;}
[解决办法]