如何在分页中突出显示当前页码？

Question

我已经为我的页面制作了一个自定义的 java 脚本+css 分页，我想突出显示当前页码，showonlyone() 是一个 java 脚本函数，它显示来自用 css 隐藏的 div 编号 ID 的隐藏文本。我需要使分页突出显示工作（将 .but css 背景颜色更改为 #720000）

我的代码：

<div class="butpos">
Page:

<a id="bt1" href="javascript:showonlyone('post1');"  class="but"><span>1</span></a>                                         
<a id="bt2" href="javascript:showonlyone('post2');"  class="but"><span>2</span></a>                                          
<a id="bt3" href="javascript:showonlyone('post3');"  class="but"><span>3</span> </a>
<a id="bt4" href="javascript:showonlyone('post4');"  class="but"><span>4</span></a>
<a id="bt5" href="javascript:showonlyone('post5');"  class="but"><span>5</span></a>
</div>

我尝试了一个带有 Id 的纯 css 方法：

.bt1 a#bt1,
.bt2 a#bt2,
.bt3 a#bt3,
.bt4 a#bt4,
.bt4 a#bt5
{
    background-color: #720000;
}

还有一种使用 css“当前”选择器的方法：

.but a.current{background-color:#720000;}

Answer 1

加载 jQuery：在你的