Современный CSS в том числе и то, что уже есть в версии CSS3 не позволяет мне сделать простой вещи, а именно выбрать внутри родительского элемента (контейнера) last
/first
/n-th-child
'а определенного класса. На ресурсе, где я изучал HTML и CSS способности псевдокласса last
/first
/n-th-child
объяснены на примере со списком однородных элементов (li
внутри ul
), но если набор элементов внутри родительского будет неоднородным, к примеру таким:
<div>
<div></div>
<a></a>
<a></a>
</div>
То "прицелиться" во вторую ссылку в списке элементов селектором div a:n-th-child(2)
не получится ибо last
/first
/n-th-child
'ы работают только с общим набором дочерних элементов родителя и понятия не имеют о том, что нам нужно выбрать именно случай когда второй раз в списке встречается именно элемент нужного класса, а не просто второй элемент списка.
Увы, указанная тройка псевдоклассов этого не умеет - проверено на собственном опыте.
Как же все таки делать желаемую вышеупомянутую выборку? Существует ли такой селектор/псевдокласс (может он мне просто неизвестен) или же есть обходные пути, к примеру, хитрая комбинация селекторов? Спасибо заранее за ответ.