这个不是伪类实现的，在访问该页面时给这个标签再加一个样式，比如说

<a class="currentlab">网页</a>
<a>新闻</a>
<a>贴吧</a>
......

.currentlab {
    border-bottom:3px solid #abcdef;
}

详情参考w3cschool，标准手册

a标签伪类的作用：

　　":link": a标签还未被访问的状态;

　　":visited": a标签已被访问过的状态;

　　":hover": 鼠标悬停在a标签上的状态;

　　":active": a标签被鼠标按着时的状态;

a:active

你设置 这个 一般是用过添加一个样式来改变  比如  .on 下面的样式你你添加在当前状态下面的时候改变就行了

a:hover /*鼠标移动到链接时*/

a:visited /*已被访问的链接*/

a:active /*正在被点击的链接*/

a:link /*未被访问的链接*/

/*

当为链接的不同状态设置样式时，请按照以下次序规则：

a:hover 必须位于 a:link 和 a:visited 之后

a:active 必须位于 a:hover 之后

*/