2010-04-13 65 views
1

我在我的网页与它...我用下面的CSS锚寻呼机......这是一个有效的CSS?

.page-numbers a { 
color:#808185; cursor:pointer; text-decoration:none;outline:none; 
} 
.page-numbers a:hover { 
text-decoration:underline; 
} 
.page-numbers a:visited { 
color:#808185;outline:none; 
} 

但我的锚标记似乎并没有采取上述CSS而是使用下面的CSS ,

a { 
color:#0077CC; cursor:pointer; text-decoration:none;outline:none; 
} 
a:hover { 
text-decoration:underline; 
} 
a:visited { 
color:#4A6B82;outline:none; 
} 

,我在我的样式表...任何建议的顶部已经给...

+1

发表相应的html? – mpen 2010-04-13 05:52:17

+0

你确定“页码”是父容器元素的类名吗? – ZX12R 2010-04-13 05:53:58

+0

现在大多数浏览器都有一个开发工具栏/菜单(或firefox for firefox),它允许您检查元素以查看正在将元素应用于哪些样式以及哪些样式正在被覆盖。我的建议是与你的特定浏览器友好。 – CurtainDog 2010-04-13 06:00:55

回答

4

的选择.page-numbers a手段,如“与类page-numbers标签内的锚标记”:

<div class="page-numbers"><a>This would match</a></div> 

如果你的意思是一个锚标记page-numbers,使用方法:

a.page-numbers { 
    color:#808185; cursor:pointer; text-decoration:none;outline:none; 
} 
.... 
+0

@Micheal我的父容器出错了,这是错误的... – 2010-04-13 06:14:17

1

你确定你的链接和网页数量级的容器下?

你确定你的样式表正确链接到页面吗?

你确定它没有链接页码类吗?在这种情况下,您将不得不使用a.page-numbers css选择器来定位链接。