如何在CSS中设置父节点之间的边界？

Question

为了在元素之间设置边框线，我在每一个孩子的一侧使用边框，除了最后一个。对于example

<div class="parent">
   <div>First</div>
   <div>Second</div>
   <div>Third</div>
   <div>Fourth</div>
</div>

使用CSS

.parent div{
    display:block;
    padding:5px;
    border-bottom:dashed 1px #000}
.parent div:last-child{
    border-bottom:dashed 0 #000
}

有没有办法在父级的CSS样式中设置孩子之间的边界？不使用last-child。换句话说，在父规则的一个单一陈述中。

Answer 1

不，边框是子元素的属性，因此只能在它们上指定。您可以为此使用单个规则，但它需要高级CSS3选择器支持：

.parent > div:not(:last-child){
    border-bottom: dashed 1px #000;
}

Answer 2

我只知道一个解决方法：使用jQuery并遍历这些子元素（每个：http://api.jquery.com/each/）并设置你的css类，如果next（next：http://api.jquery.com/?s=next）元素也是child ... < / p>

我认为另一种方式，只是使用css不存在，但我不确定，如果你找到一个只有css的解决方案，请发帖;）

问候