dede织梦分页样式css代码更改出现选中页码没有应用css样式,点那一页那一页就没有css样式

html-css018

dede织梦分页样式css代码更改出现选中页码没有应用css样式,点那一页那一页就没有css样式,第1张

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

用浏览器,然后打开你的网页,按F12打开审查元素,左下角的有个放大镜样的图标,点击一下,然后点击网页上的你想查看的地方,然后右边就是该处的CSS代码,就可以查看CSS的路径了!

1、查看

2、右键CSS文件名

3、新窗口打开

4、然后上面的地址栏就是你的CSS路径了!

你就打开这个文件修改就行了,而且这个还可以在网页上修改CSS查看效果,不过刷新就没了,所以可以网页上调试,就是右边的CSS可以改,只是在网页不刷新前有用!

5、织梦的模板css文件在网站根目录下的templets\default\style,这个文件夹里面。你可以直接对比着style里面的css来修改,dedecms.css 这一个是所有页面上都调用的一个css

希望可以帮助到你,望采纳

调用代码

<div class="pagination-wrapper">

<div class="pagination">

{dede:pagelist listsize='5' listitem='info,index,end,pre,next,pageno'/}

</div>

</div>

css样式一

/*pages*/

.pagination-wrapper {

clear:both

padding:1em 0 2em 0

text-align:center

}

.pagination {

display: inline-block

*display: inline

*zoom: 1

font-size:12px

border-radius: 3px

box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)

}

.pagination li{

list-style: none

display: inline

float: left

line-height: 1em

text-decoration: none

border: 1px solid #ddd

border-left-width: 0

}

.pagination li a {

display: inline-block

padding: .5em .8em

background-color: #f9f9f9

color: #999

}

.pagination li a:link{

background:#fff

color: #4C78A5

}

.pagination li a:hover{

text-decoration:none

}

.pagination li a:link:hover {

color: #000

}

.pagination li.thisclass {

background-color: #f9f9f9

color:#999

}

.pagination li:first-child {

border-left-width: 1px

border-radius: 3px 0 0 3px

}

.pagination li:last-child{

border-radius: 0 3px 3px 0

}

.pagination .pageinfo{

color: #444

}

css样式二

/*pages*/

.pagination-wrapper{

margin: 20px 0

}

.pagination{

height: 34px

text-align: center

}

.pagination li {

display: inline-block

height: 34px

margin-right: 5px

}

.pagination li a{

float: left

display: block

height: 32px

line-height: 32px

padding: 0 12px

font-size: 16px

border: 1px solid #dddddd

color: #555555

text-decoration: none

}

.pagination li a:hover{

background:#f5f5f5

color:#0099ff

}

.pagination li.thisclass {

background: #09f

color: #fff

}

.pagination li.thisclass a,.pagination li.thisclass a:hover{

background: transparent

border-color: #09f

color: #fff

cursor: default

}