CSS风格首先出现在

Question

我正在尝试设置所有＆lt; td＆gt;我＆lt; tr＆gt;的元素除了第一个，我想要左对齐，右边对齐。我试过这个：

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

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

  

：first-child选择器用于选择指定的选择器，前提是它是父节点的第一个子节点。

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

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

Answer 2

另一种选择，取决于你想做什么：

table tr td {
    background-color:red;}
table tr td:nth-child(1) {
    background-color:green;}

Answer 3

td:nth-child(2) { text-align: right; }

你可以在一行中完成。