尝试使用first-child伪类选择器

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

P.S：正如我所说，它可能值得尝试，而且确实如此！幸运的我哈哈！