css - 很难理解:选择器CSS之后

根据http://www.w3schools.com/cssref/sel_after.asp，after选择器在每个元素之后都包含一些内容。我完全理解。但是我在互联网上找到了一个仅css的滑块，这是：link这部分代码

.slider label:after {
    border-radius: 100%;
    bottom: -.2em;
    box-shadow: inset 0 0 0 .2em #111,
                inset 0 2px 2px #000,
                0 1px 1px hsla(0,0%,100%,.25);
    content: '';
    left: -.2em;
    position: absolute;
    right: -.2em;
    top: -.2em;
}

使选定的图片颜色以白色为单选圆圈。它不应该插入.slider中每个标签之后吗？为什么它仅适用于所选的？

最佳答案

当然，您的理解是正确的。但是特定于滑块，它也具有以下CSS规则。

.slider input:checked + label {
  background-color: #fff;
}

上面的代码如下所示：如果选中了输入，则添加
sibling（+）元素（标签）的背景色

关于css - 很难理解:选择器CSS之后，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31466278/