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

<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>

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

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