这个CSS有什么问题（尝试创建“digg like”分页页脚）

我正在尝试为页面创建页脚页脚。这是我的HTML代码段与内部CSS一起：这个CSS有什么问题（尝试创建“digg like”分页页脚）

<html> 
    <head> 
     <style="text/css"> 
ul{border:0; margin:0; padding:0;} 

#pagination-digg li{ 
border:0; margin:0; padding:0; 
font-size:11px; 
list-style:none; 
margin-right:2px; 
} 
#pagination-digg a{ 
border:solid 1px #9aafe5 
margin-right:2px; 
} 
#pagination-digg .previous-off, 
#pagination-digg .next-off { 
border:solid 1px #DEDEDE 
color:#888888 
display:block; 
float:left; 
font-weight:bold; 
margin-right:2px; 
padding:3px 4px; 
} 
#pagination-digg .next a, 
#pagination-digg .previous a { 
font-weight:bold; 
} 
#pagination-digg .active{ 
background:#2e6ab1; 
color:#FFFFFF; 
font-weight:bold; 
display:block; 
float:left; 
padding:4px 6px; 
} 
#pagination-digg a:link, 
#pagination-digg a:visited { 
color:#0e509e 
display:block; 
float:left; 
padding:3px 6px; 
text-decoration:none; 
} 
#pagination-digg a:hover{ 
border:solid 1px #0e509e 
} 
     </style> 
    </head> 
    <body> 
<ul id="pagination-digg"> 
<li class="previous-off">«Previous</li> 
<li class="active">1</li> 
<li><a href="?page=2">2</a></li> 
<li><a href="?page=3">3</a></li> 
<li><a href="?page=4">4</a></li> 
<li><a href="?page=5">5</a></li> 
<li><a href="?page=6">6</a></li> 
<li><a href="?page=7">7</a></li> 
<li class="next"><a href="?page=2">Next »</a></li> 
</ul> 
    </body> 
</html>

的代码实际上是从本教程here，这显然是错误的。

页脚不会按原样渲染，并且mousemove悬停事件上的闪烁似乎表明填充，字体重量或标记在悬停事件上发生了变化。

来源

2011-11-16 Homunculus Reticulli

#pagination-digg a:hover{ 
border:solid 1px #0e509e;margin:-1px 
}

再次更新。一些款式代码没有关闭。在jsfiddle中使用CSS代码。

http://jsfiddle.net/jWbzX/2/

来源

2011-11-16 19:07:54 tuze

非常感谢你，非常感谢！ –

不客气。 – tuze

其实，CSS似乎还有点问题。你可以看看我在这里使用的实际页面：http://jsfiddle.net/fpPRL/你会看到前面的'按钮'未被正确格式化。 –

这个CSS有什么问题（尝试创建“digg like”分页页脚）

回答

相关问题