请大神教我 如何定义当前页码的CSS样式

html-css06

请大神教我 如何定义当前页码的CSS样式,第1张

<!DOCTYPE html>

<html>

<head>

    <title>复制内容</title>

    <style>  <!-- 第1种在网页<head>标签里直接写入<style> -->

         .abc{  font-size:10pxcolor:red       }

    </style>

     <link href="./xxx.css" rel="stylesheet" /><!-- 导入外部的CSS链接 -->

</head>

<body>

    <p class="abc">我是网页<head>标签里直接写入<style></p>

     <p style="font-size:20pxcolor:blue">456</p>  <!-- 第三种直接在标签里写入style=""-->

     

</body>

</html>

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

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字体颜色为蓝色，当前状态的字体颜色为红色。

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