CSS同时使用：after和：last-child

我试图将伪元素组合在一起：之后和：最后一个孩子，但似乎没有任何运气

我有一个标签为1-10的收音机列表。因为最后一个标签是10和一个双整数，所以位置是错误的。因此，我试图只访问最后一个

这把小提琴也许能让我明白我的意思：

JSFiddle： 如你所见，最后一个稍微偏离中心

下面是我如何尝试获取最后一个元素：

input[name='happy-score']:last-child + label:after {
    left: 0px;
}

然而，这对任何事情都没有影响

我还尝试：

input[name='happy-score']+ label:last-child:after {
    left: 0px;
}

---

但是，这似乎会影响所有元素，请参见此提琴：

使用此提琴并检查一次

ul.horizontal-list li:last-child label::before {
    left: 0px;
}
ul.horizontal-list li:last-child label::after {
    left: -10px;
}

---

使用此项并检查一次

ul.horizontal-list li:last-child label::before {
    left: 0px;
}
ul.horizontal-list li:last-child label::after {
    left: -10px;
}

---

您应该使用此css作为最后一个孩子的标签：

li:last child input[name='happy-score']+标签：之后{
左：0px；
}

您应该使用此css作为最后一个孩子的标签：

li:last child input[name='happy-score']+标签：之后{
左：0px；
}

试着这样做

input[name='happy-score']，input[name='happy-score']label:last child:after{left:0px；}

如果你想找到最后一个标签，只要做li:last child label{总是正好是10…因为如果是这样，为什么不直接使用你标记中已经存在的#radio-10？试着这样做

就可以了[name='happy-score']，输入[name='happy-score']label:last child:after{left:0px；}

如果要查找最后一个标签，只需执行li:last child label{它总是正好是10…因为如果是这样，为什么不直接使用标记中已有的#radio-10？