Как выбрать последний блок nth-child?

Question

[Vaha Vaynahskiy]

Есть такая конструкция

<div id="product_categor">
<li class="product-category product first">
	<a href="#"><h2 class="woocommerce-loop-category__title">
			Домашние</h2>
		</a></li>
</div>
<div id="product_categor">
<li class="product-category product first">
	<a href="#"><h2 class="woocommerce-loop-category__title">
			Уличные</h2>
		</a></li>
</div>
<div id="product_categor">
<li class="product-category product first">
	<a href="#"><h2 class="woocommerce-loop-category__title">
			И тд</h2>
		</a></li>
</div>

Как выбрать последний элемент product_categor? nth-child(3) не подходит, так как на других страницах категорий больше

Comments

[Ankhena]

1. id это идентификатор, он не может повторяться. Замените на class.
2. Родитель элемента li это ul, а не div. div можете написать внутрь li, а классы поменять местами
3. Последний элемент выбирается с помощью :last-child

С учетом вышесказанного как-то так: https://jsfiddle.net/j8jwbvsf/

Ну и насчет заголовков внутри ссылок нужно крепко подумать перед использованием.

Answer 1

[Саша]

vainax использовать просто :last-child не вариант?

Comments

[Vaha Vaynahskiy]

тоже не работает

[Саша]

vainax, так у вас же id="" вместо class=""

https://jsfiddle.net/frwux9yp/1/