我有一个由表格组成的动态生成的日历，主表格中的每个月都是一个单元格，在这个单元格中还有另一个表格，其中包含每个月的每一天的单元格。
我需要获取整个表格中最后一天的单元格并移除其左边框，不是每个月的最后一天单元格，而是上个月的最后一天单元格。
这个css可以单独做吗？我尝试过使用 last-child 位获取每个月的最后一天单元格，这不是我需要的。
我在这里创建了一个演示来阐明我的意思:http://jsfiddle.net/9bXEp/
如果您从右向左滚动，您将看到 2014 年 8 月和下面两行，最后一个单元格包含 21 和 T。如果您仔细观察并检查这些单元格，您会看到它的左侧有一个边框，这会导致双边框与表格的边框。这就是我需要删除的内容，我不能直接应用一个类，因为在我的应用程序中，表是由 php 生成的。
这是代码，但 jsfiddle 会更清晰
<table class="main_table years">
<tbody>
<tr>
<td class="main_table" style="vertical-align:text-top;">Resources</td>
<td class="main_table years months">July, 2014</td>
<td class="main_table years months">August, 2014</td>
</tr>
<tr>
<td class="main_table years"></td>
<td class="inner_container">
<table class="main_table table_inner">
<tbody>
<tr>
<td class="no-b">
<div class="cell_width">30</div>
</td>
<td class="inner_td">
<div class="cell_width">31</div>
</td>
</tr>
<tr>
<td class="no-b2">
<div class="cell_width">W</div>
</td>
<td class="no-b2">
<div class="cell_width">T</div>
</td>
</tr>
</tbody>
</table>
</td>
<td class="inner_container">
<table class="main_table table_inner">
<tbody>
<tr>
<td class="no-b">
<div class="cell_width">1</div>
</td>
<td class="inner_td">
<div class="cell_width">2</div>
</td>
<td class="inner_td">
<div class="cell_width">3</div>
</td>
<td class="inner_td">
<div class="cell_width">4</div>
</td>
<td class="inner_td">
<div class="cell_width">5</div>
</td>
<td class="inner_td">
<div class="cell_width">6</div>
</td>
<td class="inner_td">
<div class="cell_width">7</div>
</td>
<td class="inner_td">
<div class="cell_width">8</div>
</td>
<td class="inner_td">
<div class="cell_width">9</div>
</td>
<td class="inner_td">
<div class="cell_width">10</div>
</td>
<td class="inner_td">
<div class="cell_width">11</div>
</td>
<td class="inner_td">
<div class="cell_width">12</div>
</td>
<td class="inner_td">
<div class="cell_width">13</div>
</td>
<td class="inner_td">
<div class="cell_width">14</div>
</td>
<td class="inner_td">
<div class="cell_width">15</div>
</td>
<td class="inner_td">
<div class="cell_width">16</div>
</td>
<td class="inner_td">
<div class="cell_width">17</div>
</td>
<td class="inner_td">
<div class="cell_width">18</div>
</td>
<td class="inner_td">
<div class="cell_width">19</div>
</td>
<td class="inner_td">
<div class="cell_width">20</div>
</td>
<td class="inner_td">
<div class="cell_width">21</div>
</td>
</tr>
<tr>
<td class="no-b2">
<div class="cell_width">F</div>
</td>
<td class="no-b2">
<div class="cell_width">S</div>
</td>
<td class="no-b2">
<div class="cell_width">S</div>
</td>
<td class="no-b2">
<div class="cell_width">M</div>
</td>
<td class="no-b2">
<div class="cell_width">T</div>
</td>
<td class="no-b2">
<div class="cell_width">W</div>
</td>
<td class="no-b2">
<div class="cell_width">T</div>
</td>
<td class="no-b2">
<div class="cell_width">F</div>
</td>
<td class="no-b2">
<div class="cell_width">S</div>
</td>
<td class="no-b2">
<div class="cell_width">S</div>
</td>
<td class="no-b2">
<div class="cell_width">M</div>
</td>
<td class="no-b2">
<div class="cell_width">T</div>
</td>
<td class="no-b2">
<div class="cell_width">W</div>
</td>
<td class="no-b2">
<div class="cell_width">T</div>
</td>
<td class="no-b2">
<div class="cell_width">F</div>
</td>
<td class="no-b2">
<div class="cell_width">S</div>
</td>
<td class="no-b2">
<div class="cell_width">S</div>
</td>
<td class="no-b2">
<div class="cell_width">M</div>
</td>
<td class="no-b2">
<div class="cell_width">T</div>
</td>
<td class="no-b2">
<div class="cell_width">W</div>
</td>
<td class="no-b2">
<div class="cell_width">T</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr id="7c0977ff-0ba1-2d74-b56d-52c4dff66cbd">
<td class="cell_c link_c"><a href="index.php?module=Users&action=DetailView&record=7c0977ff-0ba1-2d74-b56d-52c4dff66cbd">guy</a>
</td>
<td colspan="2" class="no-b2">
<table class="main_table table_inner" id="task0">
<tbody>
<tr>
<td class="no-b">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr id="1">
<td class="cell_c link_c"><a href="index.php?module=Users&action=DetailView&record=1">Administrator</a>
</td>
<td colspan="2" class="no-b2">
<table class="main_table table_inner" id="task1">
<tbody>
<tr>
<td class="no-b">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
<td class="inner_td">
<div class="cell_width_chart day_block"></div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
最佳答案
使用
.inner_container:last-child tr:last-child .no-b2:last-child {
border-left: none;
}
选择最后一个 .inner_container，然后是最后一个 tr(即数字行)，然后是最后一个 .no-b2(即天)。
哦，你确定它不是border-right吗？
关于html - 从父表内的表中的最后一个单元格中删除 border-left，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23789277/