最后一个孩子没有保证金

Question

我知道CSS中的':last-child'伪选择器，但我想要做的是从div中每个'last'元素的最后一个子节点移除margin-bottom。

例如：

<div id="box1" class="box"> <div class="input-group"></div> <div class="input-group"></div> <div class="input-group"></div> </div> <div id="box2" class="box"> <div class="input-group"></div> <div class="input-group"></div> <div class="input-group"></div> </div>

那么我想要发生的是每个.box，我希望最后一个.input-group没有保证金？

现在很明显:last-child将从.input-group的最后一个孩子中移除边距底部，但我希望它能够识别每个.box的最后一个孩子，我是我不确定我是否在这里有意义。

如果不可能，还有其他方法吗？

干杯！ 标记

Answer 1

.input-group:last-child无需任何更改即可使用。

.input-group:last-child{
    margin-bottom: 0px;
}

JS小提琴： http://jsfiddle.net/F7W8p/2/

如果您在.input-group之外还有其他box个元素，则可以将.box添加到选择器：

.box .input-group:last-child{
    margin-bottom: 0px;
}

以下示例显示选择器的运行情况：http://jsfiddle.net/F7W8p/3/

Answer 2

试试这个 在你的css文件中。

.box > .input-group:last-child {margin:0;}