Question

我有一个部分，它有一个来自数据库的重复div，并且在那里有一个hr来分隔它们，但我需要隐藏列表中的最后一个。

所以我的html看起来像这样。

<div class="container">
  <div class="reply">
    <p>wonderful paragraph</p>
    <hr>
  </div>
  <div class="reply">
    <p>wonderful paragraph</p>
    <hr>
  </div>
  <div class="reply">
    <p>wonderful paragraph</p>
    <hr>
  </div>
</div>

我尝试过几种不同的方式与最后一个孩子进行定位，但我似乎无法做到这一点。

.container:last-child .reply hr{
  display:none;
}

.reply:last-child hr{
  display:none;
}

.container .reply:last-child hr{
  display:none;
}

任何帮助都会很精彩！

我的小时风格

.reply hr{
  border: 0;
      height: 1px;
      background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.15), rgba(0,0,0,0)); 
      background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
      background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
      background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
  margin:0;
}

Answer 1

使用此功能 - 它会隐藏您的上一个回复div：

jQuery(".reply").last().hide();

Answer 2

最后一个和最后一个将起作用。当他们在reply中选择最后一个类container的孩子时。然后将隐藏此容器中的<hr>。

.reply:last-child hr {
    display:none;
}

.container .reply:last-child hr {
    display:none;
}

<强>演示

Try before buy（第1版）

Try before buy（第2版）

第一个

.container:last-child .reply hr {
    display:none;
}

如果<hr>是其父元素的最后一个子元素，

将隐藏所有div.container - 元素。

Answer 3

.container .reply:last-child hr {
    display: none;
}

抓住最后一个.reply并隐藏其中的所有hr元素。

DEMO： http://jsfiddle.net/9HNNU/

Answer 4

DEMO HERE

div.reply:last-child hr{display:none;}

Answer 5

.container .reply:last-child hr {display:none;}

首先选择最后一个重复的div，然后选择它的child hr标签并在该元素上显示none。如果每个重复div中有多个hr标记，则可以向hr选择器添加一个额外的last-child伪类。

小提琴：http://jsfiddle.net/NuuAa/

瞄准重复div中的最后一小时

5 个答案: