Простая формулировка
Пагинация — список ссылок/кнопок; CSS отвечает за раскладку и состояния, логика страниц — за разметкой/JS.
.pagination {
display: flex;
gap: 0.35rem;
flex-wrap: wrap;
list-style: none;
padding: 0;
}
.pagination a {
display: inline-flex;
min-width: 2.25rem;
height: 2.25rem;
align-items: center;
justify-content: center;
border: 1px solid #ddd;
border-radius: 0.35rem;
text-decoration: none;
}
.pagination [aria-current="page"] {
background: #111;
color: #fff;
}
Итог
CSS делает ряд контролов и активное состояние; «магия пагинации» не в специальном свойстве CSS.