javascript - 使用相同的类名命名整个列

Question

我想弄清楚是否可以在表中用相同的类名命名整个列，而不必命名每个单独的单元格。有什么建议么？我会使用 html、css 还是 javascript 来这样做？命名每个单元格是这样做的唯一方法吗？

抱歉，如果我把这个贴错了，我是这个网站的新手，还在努力弄明白

Answer 1

您可以使用 nth-child伪类选择器

table tr td:nth-child(2) {
  background: #CCCCCC;
}
table tr td:nth-child(4) {
  background: #00FFEE;
}

<table>
  <tbody>
    <tr>
      <td>1-1</td>
      <td>1-2</td>
      <td>1-3</td>
      <td>1-4</td>
    </tr>
    <tr>
      <td>2-1</td>
      <td>2-2</td>
      <td>2-3</td>
      <td>2-4</td>
    </tr>
    <tr>
      <td>3-1</td>
      <td>3-2</td>
      <td>3-3</td>
      <td>3-4</td>
    </tr>
    <tr>
      <td>4-1</td>
      <td>4-2</td>
      <td>4-3</td>
      <td>4-4</td>
    </tr>
  </tbody>
</table>