Html 使用CSS将具有特定类的第二个和倒数第二个元素作为目标

Html 使用CSS将具有特定类的第二个和倒数第二个元素作为目标,html,css,pagination,Html,Css,Pagination,我有以下代码显示posts分页结构。我想知道是否可以通过CSS将具有页码类的第二个和倒数第二个元素作为目标。如果是,怎么做?我无法控制标记,因此无法向其添加其他类 任何帮助都将不胜感激 2 &hellip; .页码:第n个最后一个子项(2),.页码:第n个子项(2) { 背景颜色:黄色; } 2 &hellip; :第n个孩子(2)和第n个最后一个孩子(2)? <nav class="pagination"> <div class="

我有以下代码显示posts分页结构。我想知道是否可以通过CSS将具有
页码
类的第二个倒数第二个元素作为目标。如果是,怎么做?我无法控制标记,因此无法向其添加其他类

任何帮助都将不胜感激


2
&hellip;

.页码:第n个最后一个子项(2),.页码:第n个子项(2)
{
背景颜色:黄色;
}
2
&hellip;
:第n个孩子(2)和第n个最后一个孩子(2)?
<nav class="pagination">
    <div class="nav-links">
        <a class="prev page-numbers" href="https://page.com/page/1/">Previous</a>
        <a class="page-numbers" href="https://page.com/page/1/">1</a>
        <span class="page-numbers current">2</span>
        <a class="page-numbers" href="https://page.com/page/3/">3</a>
        <a class="page-numbers" href="https://page.com/page/4/">4</a>
        <span class="page-numbers dots">&hellip;</span>
        <a class="page-numbers" href="https://page.com/page/10/">10</a>
        <a class="next page-numbers" href="https://page.com/page/3/">Next</a>
    </div>
</nav>
<style>
.page-numbers:nth-last-child(2),.page-numbers:nth-child(2)
    {
    background-color:yellow;
    }

</style>

<nav class="pagination">
    <div class="nav-links">
        <a class="prev page-numbers" href="https://page.com/page/1/">Previous</a>
        <a class="page-numbers" href="https://page.com/page/1/">1</a>
        <span class="page-numbers current">2</span>
        <a class="page-numbers" href="https://page.com/page/3/">3</a>
        <a class="page-numbers" href="https://page.com/page/4/">4</a>
        <span class="page-numbers dots">&hellip;</span>
        <a class="page-numbers" href="https://page.com/page/10/">10</a>
        <a class="next page-numbers" href="https://page.com/page/3/">Next</a>
    </div>
</nav>