Как реализовать скрытие border у последнего элемента в списке?

Question

[Dmitry Mev]

Здравствуйте. Из-за отсутствия должного опыта, не могу реализовать данное. Чтобы долго не объяснять и было понятно прикрепляю скриншот.

Реализовано через , для li задан нижний border, который и повторяется для каждого элемента.
Необходимо скрывать у последнего элемента, т.к. список скроллится. Да, край имеет закругление слева.


Заранее, спасибо.

Answer 1

[Руслан Касымов]

Вот только псевдокласс :last-child не поддерживается ослом 7,8 версий в отличии от :first-child

Соответственно я бы сделал немного иначе:
Всем элементам назначил бы border-top: 1px solid you_color;
а первому элементу при помощи псевдокласса :first-child убрал бы бордюр сверху border-top: 0; (если сверху он не нужен).

Comments

[personaljs]

а first-child поддерживается ослом 7,8 версии?))

[trall]

> :last-child не поддерживается ослом 7,8 версий в отличии от :first-child

Answer 2

[xaja]

Li:last-child {border:none}