Question

我有几个php生成的表，如下所示，我试图在第三行和第四行添加一个表行，但是失败了。

我尝试过的是：

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>

我该怎么做？我知道这是一个不寻常的表结构。

Answer 1

如果我对您的理解正确，则想在第tr和第3 {{s}}之间添加边框。如果是这样，则右选择器为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>

向该行添加表格行

1 个答案: