Стилизация css селекторами кнопок next и prev

[grafnet]

Есть разметка пагинации.

<div class="pagination">   <a class="page-btn page-btn-prev" href="#">Предыдущая</a>   <a class="page-btn current-page" href="#">1</a>   <a class="page-btn" href="#">2</a>   <a class="page-btn" href="#">3</a>   <a class="page-btn page-btn-next" href="#">Следующая</a></div>

Можно ли как-то прятать/делать видимыми page-btn-prev и page-btn-next в зависимости от позиции current-page используя css селекторы? 

 

Если вторая ссылка с классом current-page - не показывать page-btn-prev

Если предпоследная ссылка с классом current-page - не показывать page-btn-next

 

Вот так начал

.pagination .page-btn-prev,.pagination .page-btn-next{  display: none;}.pagination a:nth-child(2):not(.current-page) /* как-то обратися к .page-btn-prev*/ {  display: inline-block;}.pagination a:nth-last-child(2):not(.current-page) /* как-то обратися к .page-btn-next*/ {  display: inline-block;}

[hypnocolor]

Сдаётся мне, вы пытаетесь решить задачу не теми средствами. Логикой такого отображения должен заниматься не css, а код, который эту навигацию генерирует и выводит.

[grafnet]

Сдаётся мне, вы пытаетесь решить задачу не теми средствами. Логикой такого отображения должен заниматься не css, а код, который эту навигацию генерирует и выводит.

Это так, но если бы можно было бы вдруг сделать на css - почему бы и нет? Но селектора, для подъема на уровень выше нету.

[rus]

есть :has (уже обсуждали), но  он будет в css4.