css怎样动态设置当前页码的颜色与别的不同。就是突出当前页码的颜色

html-css010

css怎样动态设置当前页码的颜色与别的不同。就是突出当前页码的颜色,第1张

用js/php结合来实现吧,这样比较快

ps:图中代码为php的 JS也是这个写法只是变量前不用加$号还有"."换成+号

JS : document.write(page)

PHP : echo $page

一般当前状态的页面,会动态给它增加一个类,举个例子:

HTML:

<ul class="pagination">

    <li><a href="#">1</a></li>

    <li class="active"><a href="#">2</a></li>

    <li><a href="#">3</a></li>

  </ul>

CSS:

.pagination li a{ color:blue }

.pagination li.active a{ color:re }

以上代码的显示就是非当前状态的a字体颜色为蓝色,当前状态的字体颜色为红色。

希望我的回答可以帮到您~