怎么用：最后一个孩子+：一起来之后？

Question

我不确定为什么这不起作用。我尝试更改:after元素的:last-child规则，但忽略了:last-child:after。

HTML：

<section id="timeline">
    <article></article>
    <article></article>
    <article></article>
</section>

CSS：

#timeline article:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 1px;
    background: #222;
    z-index:1;
}

#timeline article:last-child:after {background:none!important}

演示：https://jsfiddle.net/cd8g2hs0/4/

我发现了有关此问题的其他问题，似乎我正确地做到了这一点。但显然我不是！

Answer 1

我认为您的代码正在运行 - 它只是没有产生您期望的结果。

尝试将小提琴中CSS的第一行更改为以下内容：

#timeline article {padding:0;position:relative}

这会得到您想要的结果吗？