Question

如何使用CSS使表格的第一行和第一列没有边框？

我可以使第一列工作，但不能使第一行工作。

下面是我的代码：

#tablegrid tr:not(:nth-child(1)), td:not(:nth-child(1)) {
  border: 1px solid black;
  padding:0px;
  margin:0px;
}

<table id="tablegrid">
<TR>
  <TD>row 1 col 1</TD>
  <TD>row 1 col 2</TD>
</TR>
<TR>
  <TD>row 2 col 1</TD>
  <TD>row 2 col 2</TD>
</TR>
</table>

http://jsfiddle.net/1wj6k0ta/

Answer 1

您的选择器应该是

tr:not(:nth-child(1)) td

这会选择第一行以外的每一行中的每个<td>元素。

如果要全部前几个单元格没有边框，我将添加一条单独的规则：

#tablegrid tr td:first-child {
  border-style: none;
}

那应该遵循第一条规则。

Answer 2

使用tr:first-child获取表格的第一个tr

CSS样式的第一行和第一列

2 个答案: