CSS表:第n个子项(1)td:n个子项(1)不工作

CSS表:第n个子项(1)td:n个子项(1)不工作,css,Css,这是我的网站 这是应该工作的代码,但由于某些原因没有: 表:第n个孩子(1)td:n个孩子(1):之前{ 内容:“✓"; 颜色:绿色; 字体大小:200%; 浮动:左; } 表:第n个孩子(2)td:n个孩子(1):之前{ 内容:“检查您的标记。我的假设是在第一个表之前有另一个元素。无法在移动设备上检查您的页面作为Im。请在codepen或JSFIDLE上尝试。只需使用表标记和css查看问题是否仍然存在 编辑 容器中的其他元素多于表本身。您可以将表包装在自己的容器中,以便第n个子项工作,也可以为

这是我的网站

这是应该工作的代码,但由于某些原因没有:

表:第n个孩子(1)td:n个孩子(1):之前{
内容:“✓";
颜色:绿色;
字体大小:200%;
浮动:左;
}
表:第n个孩子(2)td:n个孩子(1):之前{

内容:“检查您的标记。我的假设是在第一个表之前有另一个元素。无法在移动设备上检查您的页面作为Im。请在codepen或JSFIDLE上尝试。只需使用表标记和css查看问题是否仍然存在

编辑
容器中的其他元素多于表本身。您可以将表包装在自己的容器中,以便第n个子项工作,也可以为表分配一个类。

您的复选标记颜色与背景颜色相同,因此不可见。请尝试以下操作:

td:n子级(1):之前{
内容:“✓";
颜色:白色;
字体大小:200%;
浮动:左;
}
td:第n个孩子(2):之前{

内容:“给我们看一些你的html。它实际上与:类型的第一个和类型的最后一个一起工作,所以我不认为那里有另一个表。我想使用奇数表和偶数表的原因是,如果我将来需要它的话,可以使它更通用。它在JSFIDLE上工作。我不是说有另一个表。可能有另一个元素,div或span。可能你可以把它移植到codepen,这样我们可以更好地评估它。这是codepen,我实际上已经把它缩小到表:第n个孩子(1)不是单独工作的。仍然不知道为什么。我的假设是正确的。JSFIDLE工作的原因是因为它只包含表标记。没有其他任何东西。第n个类型有效,因为您针对的是表类型。
table:nth child(1)
表示您针对的是第一个元素,即表。