在元素之间显示伪元素

Question

我一直在尝试找出如何在集合中的每个元素之间::after显示伪元素。

HTML：

<div class="outer">
    <div class="element">Hello</div>
    <div class="element">World</div>
    <div class="element">!</div>
</div>

CSS：

.outer .element:not(.outer > .element:last-child)::after
{
    content:"";
    display:inline-block;
    background:url(images/test.png);
    width:4px;
    height:5px;
}

我的理解是，我的 CSS 的目标是所有具有 类的元素，element而该元素的类outer不在:last-child该集合中。我想我要么错了，要么我正在尝试的事情是不可能的？

这可能吗？如果可能的话，如何实现？

Answer 1

你可以用这个：

outer .element + .element:before
{
    content:"";
    display:inline-block;
    background:url(images/test.png);
    width:4px;
    height:5px;
}

这是相邻同级选择器语法。

编辑：在伪类之后交换之前

编辑2：演示