javascript - CSS 样式第一行和第一列

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;
}

那当然应该遵循第一条规则。