CSS : hrにlast-childを効かせるには。

Question

rubyのeachメソッドを使用して以下htmlを出力しています。
２つ要素を出し、間に線を入れたいためhrを使用しているのですが、添付写真の通り、２つ目の終わりにも当然hrが適用されてしまいます。１つ目の終わりにだけhrを適用したいのですが、例えば、hr class = "@@@"としてもlast-childは効かないと認識しています。

どうすれば一つ目の終わりにのみ、hrを適用できるか、ご教示頂けると助かります。

<ul>
  <li><a class="misaki-link" href="/lessons/10">
     <div class = "class-title">『顔ヨガ』</div>
     日時：8月30日 00:00 ~ 12月8日 21:25</br>
     場所：名古屋老人センター
</a>  </li>
  <hr>
  <li><a class="misaki-link" href="/lessons/9">
     <div class = "class-title">『笑顔の作り方』</div>
     日時：8月29日 00:00 ~ 12月7日 20:25</br>
     場所：フラディクション株式会社様
</a>  </li>
  <hr>
</ul>

<ul>
  <% Lesson.top_page_lessons(2).each do |lesson| %>
  <li><%= link_to lesson_path(lesson), :class => "misaki-link" do %>
     <div class = "class-title">『<%= lesson.title %>』</div>
     日時：<%= format_duration(lesson) %></br>
     場所：<%= lesson.place %>
     <% end %>
  </li>
  <hr>
  <% end %>
</ul>

Answer 1

ul要素に hr要素を入れることはHTML文法として間違っています。

【ul 要素 - HTML | MDN】
https://developer.mozilla.org/ja/docs/Web/HTML/Element/ul

許可された内容 0 個以上の <li> 要素。

---

そのHTML構造であれば、CSSで「線」が引けます。

ul li {
    border-bottom: 1px solid #red;
}
ul li:last-child {
    border-bottom: 0 none;
}

Comments

[innjera]

ul/hr要素の文法含め有難う御座います！
解決しました&大変勉強になりました。

Answer 2

提示された構造ですと、以下のようにすれば最後のhrにスタイルを当てることができると思います。

ul hr:last-child{
    display:none;
}