html - 使用CSS隐藏循环中的最后一小时

Question

我嵌套了<hr>在我的 html 中标记，不使用指定的遍历，如何使用 css 而不是 js 隐藏最后一个小时？我可以使用 js 跳过循环，但我想使用纯 css，不知道为什么 :nth-of-type(1)隐藏所有 <hr>

<div class="modal-body">
  <div class="row">
    <div class="m-l-20 m-r-20">
      <div><strong class="m-b-10">Indonesia</strong></div>
      <div>
        <div class="item">
          <label>
        <div class="item">
          <label>
            <span>Lazada ID</span></label>
        </div>
      </div>
      <hr>
    </div>
    <div class="m-l-20 m-r-20">
      <div><strong class="m-b-10">Malaysia</strong></div>
      <div>
        <div class="item">
          <label>
            <span>Lazada MY</span></label>
        </div>
        <div class="item">
          <label>
            <span>Lelong MY</span></label>
        </div>
      </div>
      <hr>
    </div>
    <div class="m-l-20 m-r-20">
      <div><strong class="m-b-10">Others</strong></div>
      <div>
        <div class="item">
          <label>
            <span>Alibaba</span></label>
        </div>
      </div>
      <hr>
    </div>
  </div>
</div>

https://jsfiddle.net/g59e21ps/1/

Answer 1

您的解决方案就在这里...

.modal-body .row div:last-child hr {
    display: none;
}