如何使用css自定义html中每一行的第一列

Question

我想自定义每行的第一列以获得背景，但我无法为其找到一个解决方案。

此图片将进一步解释：

Answer 1

使用以下代码：

table tr td:first-child
{
    // Enter your CSS Here
}

如果您向我们提供了一些HTML，那么我们可以为您提供更具体的答案。现在，我希望这有帮助

Answer 2

尝试在表格中添加一个colgroup

Codepen Demo

<table>
    <colgroup>
    <col>
    <col>
    <col>
  </colgroup>

etc...

然后

col:nth-child(1) {
  background:red;
}

Answer 3

下面将使标题处的第一列和每行中的第一列具有相同的宽度：

table th:first-child, table tr td:first-child
{
    width: 150px;
}

Answer 4

td:first-child {
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(82,82,210,1) 52%, rgba(0,212,255,1) 100%);
}

<table>
  <tr>
   <td>column 1</td>
   <td>column 2</td>
   <td>column 3</td>
  </tr>
</table>