1

データベースからの繰り返し 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;
}
4

5 に答える 5

3

これを使用してください -- 最後の返信 div を非表示にします:

jQuery(".reply").last().hide();
于 2015-06-08T21:14:31.877 に答える
0 
.container .reply:last-child hr {display:none;}

最初に最後の繰り返し div を選択し、次にその子 hr タグを選択して、その要素に何も表示しません。繰り返される各 div 内に複数の hr タグがある場合は、最後の子疑似クラスを hr セレクターに追加できます。

フィドル: http://jsfiddle.net/NuuAa/

于 2013-09-06T18:23:20.313 に答える