CSS-嵌套表边框显示。我该怎么阻止这一切？

我正在使用IE8。 我有下面的CSS，我想显示外部表格的边框，但不是嵌套在其中一个单元格中的表格

table#ScheduledLeaveCalendar
{
table-layout:fixed;
}

/* Calendar that shows annual leave */
#ScheduledLeaveCalendar
{
    border-collapse:collapse;
}
#ScheduledLeaveCalendar td, #ScheduledLeaveCalendar th 
{
    font-size:0.8em;
    border:1px solid #2906A6;   /* dark blue */

}
#ScheduledLeaveCalendar th 
{
    width:30px;
    font-size:0.9em;
    text-align:center;
    padding:5px 3px 4px 3px;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#6640EE;   /* blue */
    color:#ffffff;
}
#ScheduledLeaveCalendar td
{
    padding: 0px;
    margin: 0px;
}

#ScheduledLeaveCalendar table
{
    border-collapse: collapse;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

这个CSS给了我

标记为

<table id="ScheduledLeaveCalendar">

    <tr>
        <th colspan="2"></th>
        <th colspan="6">Oct 2011</th>
        <th colspan="1"></th>
    </tr>
    <tr>
            <th>F</th><th></th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th></th><th>M</th>
    </tr>
    <tr>
    <th>14</th><th></th><th>17</th><th>18</th><th>19</th><th>20</th><th>21</th><th></th><th>24</th>
    </tr>
    <tr>
    <td class="StandardCellHeight&#32;DefaultColour"></td>
    <td class="StandardCellHeight&#32;DefaultColour"></td>
    <td><table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%"><tr><td />
<td class="StandardCellHeight&#32;AnnualLeaveColour" />
</tr></table></td>
    <td><table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%"><tr><td class="StandardCellHeight&#32;AnnualLeaveColour" />
<td />
</tr></table></td>
    <td class="StandardCellHeight&#32;DefaultColour"></td>
    <td class="StandardCellHeight&#32;DefaultColour"></td>
    <td class="StandardCellHeight&#32;DefaultColour"></td>
    <td class="StandardCellHeight&#32;DefaultColour"></td>
    <td class="StandardCellHeight&#32;DefaultColour"></td>

</tr>

</table>

2011年10月
FMTWTFM
14171819202124

---

请参见

只需添加另一行即可从嵌套表中删除边框

#ScheduledLeaveCalendar table td {border:none}

您可以使用

#ScheduledLeaveCalendar td td {
    border: 0;
}

这意味着嵌套在其他

td

元素中的

td

元素应该没有边框

---

演示在

你能制作一个看起来像你的屏幕截图的JSFIDLE演示吗？我试过了，但不完全正确：我刚刚做了。我是JSFIDLE新手，应该开始使用它。很多问题是缓存妨碍了显示有效的解决方案。这一个做到了，我相信另一个也做到了！使用ctrl+f5或这个整洁的firefox插件：DI使用ctrl+f5，但我不知道FF重载程序。谢谢。值得注意的是css重载器只重载引用的css，而不是内联css