Как не отображать тэг после последнего элемента?

Question

[kot98]

Есть несколько строк, которые отрисовываются через цикл. Есть стилизованный hr. Как отображать эту линию после каждой строки кроме последней?

Comments

[mahmudchon]

Определите в цикле последний обход и пропишите условие.

[Вадим]

В что подсказывает логика?
1) Если последняя итерация цикла, то не рисовать hr.
2) Если этот hr - последний элемент в контейнере, а лезть в цикл не хочется, либо нет возможности, то скрыть через css. Как скрыть последний элемент в css? Через псевдоселектор :last-child

[Ankhena]

Тег hr имеет семантическую нагрузку, заменяет разделитель смысловых разделов.
Т.е. можно обернуть ваш контент в секции, задать им border и избавиться от hr
Либо просто задать бордер тем тегам, которые у вас есть сейчас.
Так будет и семантичнее и задачу решит.

Answer 1

[modelair]

вы можете:
1. прописать hr в цикле и не рисовать его на последней итерации.
2. воспользоваться стилизацией без hr, для примера:

<p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>

p:not(:last-of-type) {
   border-bottom: 1px solid grey;
}