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標簽

例：

 <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>