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

Question

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

该图像将进一步解释：

Answer 1

使用以下代码：

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

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

Answer 2

尝试将 colgroup 添加到您的表中

Codepen 演示

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

etc...

然后

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

Answer 3

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>

Answer 4

下面将在标题的第一列和每行的第一列给出相同的宽度：

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