Как адресовать все строки таблицы, ЗА ИСКЛЮЧЕНИЕМ заголовка?

Question

У меня есть такая таблица:

<table class="revista">
  <thead>
    <tr>
      <td><a href="http://example.com">MY LINK</a></td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>SUMMER 2020</td>
    </tr>
  </tbody>
</table>

Я хочу независимо стилизовать как заголовок, так и первую строку после него, поэтому у меня есть это:

.revista thead {
    font-size: 2.0em;
}

.revista tr:not(thead) td {
    font-size: 1.2em;
}

для второй, который я пробовал:

.revista tr:not(first-child) td {
    font-size: 1.2em;
}

и

.revista tr:not(nth-child(1)) td {
    font-size: 1.2em;
}

Ничего не работает, я имею в виду, что второй тоже меняет первый.

Answer 1

У вас уже есть thead и tbody как отдельные ссылки, поэтому нет необходимости в специальных выражениях. Я не уверен, чего именно вы пытаетесь достичь, но это должно дать вам все варианты, которые вы ищете.

/* The header */
.revista thead {
    font-size: 2.0em;
    color: red;
}

/* The first row */
.revista tbody tr:first-child {
    font-size: 2.0em;
    color: green;
}

/* All (other) rows */
.revista tbody tr {
    font-size: 1.2em;
    color: blue;
}

<table class="revista">
  <thead>
    <tr>
      <td>MY LINK</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>SUMMER 2020</td>
    </tr>
    <tr>
      <td>SUMMER 2021</td>
    </tr>
    <tr>
      <td>SUMMER 2022</td>
    </tr>
  </tbody>
</table>