Question

I have the following CSS which isn’t working for me.

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

The HTML is like the following:

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

I want to apply the padding to the first <td> element but not the second.

Answer 1

As discussed in the comments of the first answer, my lucky guess ended up solving the problem:
Use: table.fields tr > tr instead of table.fields tr > td:first-child

P.S: As I said, it might have been worth trying, and it was! Lucky me haha!