在引导分页中突出显示页面

时间:2016-08-22 08:50:51

标签: html css twitter-bootstrap

我使用twitter bootstap显示页码。这是我的代码:

<nav aria-label="Page navigation">
    <ul class="pagination">
        <li>
            <a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
            </a>
        </li>
        <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
        <li><a href="#">2</a></li>
        <li class="contain-copies"><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">5</a></li>
        <li>
            <a href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
            </a>
        </li>
    </ul>
</nav>

我想突出显示页码“3”。所以创建了一个css类contain-copies并将此代码放入其中:

.contain-copies
{
    background-color: yellow;
}

我应该得到如下输出: enter image description here

但它不起作用。我该怎么做?

谢谢。

2 个答案:

答案 0 :(得分:2)

试试这个

-pg

&#13;
&#13;
.pagination>li.contain-copies >a{background-color:yellow }
&#13;
.pagination>li.contain-copies >a{
background-color:yellow ;
}
&#13;
&#13;
&#13;

答案 1 :(得分:0)

尝试:

.contain-copies
{
    background-color: yellow !important;
}