CSS使用：after和：last-child在一起

Question

我正在尝试将伪元素组合在一起：之后的和：last-child ，但似乎没有运气。

我有一个标签为1-10的无线电列表。由于最后一个标签是10和一个双整数，因此位置是错误的。因此，我试图只访问最后一个。

这个小提琴可能会清楚我的意思：

JSFiddle：https://jsfiddle.net/L2n4m3w3/

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

以下是我试图获取最后一个元素的方法：

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

然而，这对以往没有任何影响。

我也尝试过：

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

然而，这似乎影响了所有元素，请看这个小提琴：https://jsfiddle.net/0acLrna0/

Answer 1

你应该使用这个css作为最后一个孩子的标签： li:last-child input[name='happy-score'] + label:after { left: 0px; }

Answer 2

使用此功能并检查一次

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