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

html-css027

请大神教我 如何定义当前页码的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字体颜色为蓝色,当前状态的字体颜色为红色。

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

edecms的arclist循环中,判断如果是第一个li,则添加固定的css,否则不加

写法如下:

{dede:arclist row=4 flag='p'}

<li [field:global name=autoindex runphp="yes"](@me==1)? @me="class=on":@me=""[/field:global]>[field:global.autoindex/]</li>

{/dede:arclist}

[field:global name=autoindex runphp="yes"](@me==1)? @me="class=on":@me=""[/field:global]

这句话的意思就是,如果循环出的是第一个,则添加class=on,否则为空。

注意:红色部分有两个等号。

http://www.dede58.com/a/dedejq/3210.html