CSS 样式第一行和第一列

Question

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

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

下面是我的代码：

#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取table

的第一个tr