css - 如何在 CSS 中设置来自父级的子级之间的边框？

Question

为了设置元素之间的边界线，我在每个孩子的一侧使用边框，除了最后一个。例如_

<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. 换句话说，在来自父规则的单个语句中。

score 5 · Accepted Answer

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

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

score 0 · Accepted Answer

我只知道一个解决方法：使用 jQuery 并遍历那些子元素（每个：http ://api.jquery.com/each/ ）并设置你的 css 类 if next(next: http://api.jquery.com/ ?s=next ) 元素也是子元素...

我认为另一种方式，仅使用 css 不存在，但我不确定，如果您找到仅使用 css 的解决方案，请发布；）

问候

2 回答 2