Почему не работает last-child?

Question

[NeTLeaDeR]

Есть html код:

<ul class="contacts d-flex">
                            <li class="contacts__item">
                                ...
                            </li>
                            <li class="contacts__item">
                                ...
                            </li>
                            <li class="contacts__item">
                            	...
                            </li>
                            <div class="circle search-circle">
                                <i class="fa fa-search" aria-hidden="true"></i>
                            </div>
                        </ul>

Пытался убрать последний элемент li с помощью

.contacts__item:last-child {
		display: none;
	}

и

.contacts li:last-child {
		display: none;
	}

Почему-то не работает. В то же время first-child скрывает элемент в обоих случаях

Answer 1

[Dymok]

last-child заменить на last-of-type

Answer 2

[AngReload]

Потому что последний это div.

Вообще, по правилам в ul могут быть только li. Валидатор на div ругается.
https://validator.w3.org/

Comments

[AlexKeller]

сроки горят, скорей клепать, какие валидаторы )))