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:first-child, чтобы взять первые tr таблицы

Answer 2

Ваш селектор должен быть

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

Выбирает каждый элемент <td> в каждой строке, кроме первой.

Если вы хотите, чтобы все первые ячейки не имели границы, я бы добавил отдельное правило:

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

Это должно идти после первого правила, конечно.