如何使用css在最后一个li中隐藏hr

Question

我需要在最后<hr>

中隐藏<li>

<div class="search-wrappper">
   <ul>
      <li>
         <a href="#">
            <h3>Headline</h3>
            <p class="ellipses">Lorem ipsum dolor sit amet Lorem ipsum dolor Lorem ipsum dolor  sit amet Lorem ipsum dolor sit amet</p>
         </a>
         <hr />
      </li>
      <li>
         <a href="#">
            <h3>Headline</h3>
            <p class="ellipses">Lorem ipsum dolor sit amet Lorem ipsum dolor sit ametLorem ipsum dolor sit amet</p>
         </a>
         <hr />
      </li>
      <li>
         <h3>Headline</h3>
         <p class="ellipses">Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit ametLorem ipsum dolor sit amet dolor sit amet  dolor sit amet </p>
         <hr />
      </li>
      <li>
         <h3>Headline</h3>
         <p class="ellipses">Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum Lorem ipsum dolor  dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet </p>

<小时/>                        

我可以使用以下css

定位最后一个li

.search-wrapper > ul > li:last-child {
  background: red;
}

我不确定如何在最后hr

中隐藏li标记

Answer 1

您可以通过

选择孩子

rake assets:clean

您也可以使用

.search-wrapper > ul > li:last-child hr{