ページネーション

コード

<nav>
    <ul class="pagination">
        <li class="pagination-item">
            <a class="pagination-link first" href=""></a>
        </li>
        <li class="pagination-item">
            <a class="pagination-link prev" href=""></a>
        </li>
        <li class="pagination-item">
            <span class="pagination-dots"></span>
        </li>
        <li class="pagination-item">
            <a class="pagination-link" href="">11</a>
        </li>
        <li class="pagination-item">
            <span class="pagination-now">12/20</span>
        </li>
        <li class="pagination-item">
            <a class="pagination-link" href="#">13</a>
        </li>
        <li class="pagination-item">
            <span class="pagination-dots"></span>
        </li>
        <li class="pagination-item">
            <a class="pagination-link next" href="#"></a>
        </li>
        <li class="pagination-item">
            <a class="pagination-link last" href="#"></a>
        </li>
    </ul>
</nav>

目次