html - <tr> 中第一个 <td> 的 CSS 样式

Question

我正在尝试将 的所有 元素设置为右对齐，但第一个元素除外，我希望将其左对齐。我试过这个:

<style>
td { text-align: right };
td:first-child { text-align: left };
</style>

这使得所有单元格都右对齐。如果我交换这两行的顺序，那么所有单元格都是左对齐的。非常困惑。根据 w3schools，

The :first-child selector is used to select the specified selector, only if it is the first child of its parent.

但这似乎并没有发生在我身上。

Answer 1

您的语法不正确。

td { text-align: right };                    /* This was being applied */
td:first-child { text-align: left };         /* This wasn't.. */

应该是:

td { text-align: right; }
td:first-child { text-align: left; }

请注意分号 - 它们不应位于方括号外 {}

除此之外，您正确使用了 :first-child。

jsFiddle demo