Html 未识别CSS中第n个子项的第二个和第三个条目

我试图让“：nth child”类处理html表

我想不同的列有不同的文本对齐和填充

我已经为CSS中的每个子项创建了一个新条目，并使用它们的唯一设置，但只有第一个条目有效。其余的似乎完全被忽视了

我想也许我不能按照我的方式来调整CSS中的多个孩子，但是我没有发现什么可以说我不能。我觉得这可能与父母计算孩子数量的方式有关，而我的第一个孩子条目可能是唯一的条目。在那之后，它会变成一个孩子的孩子，如果这有意义的话

我是走在正确的轨道上，还是仅仅因为不了解它的工作原理而做了一些完全错误的事情

任何帮助或解决方案都将不胜感激

这是我所做的

表格，
th，
运输署{
边界塌陷：塌陷；
}
桌子{
宽度：70%；
边框：2件纯黑；
}
表td{
边框：1px纯黑；
垫顶：2件；
垫底：2件；
文本对齐：居中；
}
表td:N个孩子（1）{
文本对齐：右对齐；
左侧填充：30px；
右侧填充：5px；
}
​ 表td：第n个孩子（2）{
文本对齐：左对齐；
左侧填充：10px；
}
​ 表td：第n个孩子（3）{
文本对齐：右对齐；
左侧填充：10px；
右侧填充：15px；
}
​

一
二
三
四
五
六
七
八
九
十
十一
十二
十三
十四

由于表格前面有一个奇怪的字符，所以不使用这些字符。移除这些空间，它们就会工作。看

这是您在JSFIDLE中的代码（无效）。您将注意到无效字符。
您的代码运行正常，请尝试

将代码复制到小提琴中时出现问题，原因是：

 table td:nth-child(2) {
      text-align: left;
      padding-left: 10px;
}
 table td:nth-child(3) {
      text-align: right;
      padding-left: 10px;
      padding-right: 15px;
}

你有一个空白。删除空白，它将工作。< / P>谢谢快速答复！我只能说哇。。。我不知道我是怎么错过的，现在觉得自己有点傻，我一定是从某个地方抄来的，然后就被传了出去。我删除了CSS中的条目，并重新输入了两个有问题的条目，现在一切都很好，谢谢你的帮助！当我看不到空白或奇怪的角色时，它开始让我有点疯狂。
 table td:nth-child(2) {
      text-align: left;
      padding-left: 10px;
}
 table td:nth-child(3) {
      text-align: right;
      padding-left: 10px;
      padding-right: 15px;
}