CSS - 选择换行后第一个 child

Question

假设我有一个 div 包装器，里面有几个元素，放置为 inline。当 div 的宽度减小时，元素将自动分解为新行……到目前为止一切顺利。

现在我想向子元素添加一个 css :before 内容，除了行中第一个元素之外...

如果元素是换行符后的第一个元素，是否有办法仅通过 css 检测？

编辑

跟进一个例子... http://jsfiddle.net/kagfqt9j/

div 的宽度导致 child 分成三行。有个“|”使用 :before 设置分隔符。但我不希望将 :before 应用于行的开头。

那么，我能否检测到 break 后的第一个元素？

注意:将其更改为 :after 不是解决方案，因为它会反转问题...然后我将使用“|”在行的末尾......我也不能拥有它。

Answer 1

如果您的 fiddle 是您的真实情况，容器带有 overflow:hidden 和 text-align left: 那么，您可以使用它在容器外部设置伪负边距:http://jsfiddle.net/kagfqt9j/1/

a {
    display: inline-block;
    margin-right:0.25em;
    text-decoration:none;/* demo purpose */
}

 a:before {
    content: "| ";/* extra white-space aside the pipe */
    margin-left:-0.25em;
    color:black;/* demo purpose */
    pointer-events:none;/* demo purpose */
}