在HTML表格中第一行和第一列之后的行

Question

如何区分HTML表格中的第一行和最左列。优选地，具有将它们与其余列/行分开的线。

我发现很少有部分解决方案，但它们都是指更新CSS。由于我想将这个表包含在wordpress博客中（我认为），我无法访问head，因此不能包含CSS样式，也没有包含任何JavaScript脚本的选项。

表：

<table>
  <tr>
    <td></td>  <td>1</td><td>2</td><td>3</td>
  </tr>
  <tr>
    <td>1<td>  </td><td>0.2</td><td>1.1</td>
  </tr>
  <tr>
    <td>2</td>  <td>0.5</td><td></td><td>-0.7</td>
  </tr>
  <tr>
    <td>3</td>  <td>0.3</td><td>0.9</td><td>0</td>
  </tr>
</table>

预期结果：

Answer 1

你应该使用：

• 左列n-th child选择器

  td：nth-​​child（n）{
    / *你的东西在这里* / }

• 第一行th代码

示例：

＆＃13;

＆＃13;

<table style="border-collapse:collapse; width: 100%">
  <tr style="border-bottom: 3px solid #000;background-color: #d3d3d3 !important;">
    <th  style="background-color: #d3d3d3 !important;border-right: 3px solid #000;padding: 8px;"></th>
    <th>1</th>
    <th>2</th>
    <th>3</th>
  </tr>
  <tr>
    <td style="background-color: #d3d3d3 !important;border-right: 3px solid #000;padding: 8px;">1</td>
    <td> </td>
    <td>0.2</td>
    <td>1.1</td>
  </tr>
  <tr style="background-color: #f5f5f5">
    <td style="background-color: #d3d3d3 !important;border-right: 3px solid #000;padding: 8px;">2</td>
    <td>0.5</td>
    <td></td>
    <td>-0.7</td>
  </tr>
  <tr>
    <td style="background-color: #d3d3d3 !important;border-right: 3px solid #000;padding: 8px;">3</td>
    <td>0.3</td>
    <td>0.9</td>
    <td>0</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;