时间戳

首页 > 解决方案 > 将表格行添加到行

html - 将表格行添加到行

问题描述

我有几个 php 生成的表格，如下所示，我尝试在第 3 行和第 4 行添加表格行，但失败了。

我尝试的是这样的： 

table.tbc td:nth-child(3) {
  border-bottom: 0.12em solid #000000;
}
<table class='tbc'>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td>A</td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td>B</td>
  </tr>
  <tr>
    <td>A</td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td>E</td>
  </tr>
  <tr>
    <td></td>
  </tr>
</table>

我怎样才能做到这一点？我知道这是一个不寻常的表结构。

标签： htmlcss

解决方案

如果我理解正确，您想在 3rd 和 4th 之间添加边框tr。如果是这样，正确的选择器是table.tbc tr:nth-child(3) td

table.tbc tr:nth-child(3) td {
  border-bottom: 0.12em solid #000000;
}
<table class='tbc'>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td>A</td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td>B</td>
  </tr>
  <tr>
    <td>A</td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td></td>
  </tr>
  <tr>
    <td>E</td>
  </tr>
  <tr>
    <td></td>
  </tr>
</table>

推荐阅读