Попытка использовать селектор псевдо-класса от первого ребенка

Question

У меня есть следующий CSS, который у меня не работает.

table.fields tr > td:first-child { padding-right: 50px; }

HTML выглядит следующим образом:

    <table class="fields">
         <tbody>
              <tr>
                   <td> text... </td>
                   <td> another td elem... </td>
              </tr>
         </tbody>
   </table>

Я хочу применить отступ к первому элементу <td>, но не ко второму.

Answer 1

Это было опубликовано до того, как stevebot исправил вопрос. Оставляю мой пост здесь ради своих комментариев.

---

Ваш стол не имеет fields класса. Измените его на это, и ваш CSS-селектор должен его поднять.

<table class="fields">

Answer 2

Как обсуждалось в комментариях к первому ответу, мое счастливое предположение закончилось решением проблемы: Используйте: table.fields tr > tr вместо из table.fields tr > td:first-child

П.С .: Как я уже сказал, возможно, стоило попробовать, и это было! Повезло мне, ха-ха!