这是一个有效的CSS吗？

Question

我的页面中有一个寻呼机，其中有锚点......我使用以下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;
}

我在样式表的顶部给出了...任何建议......

Answer 1

选择器.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;
}
....

Answer 2

您确定您的链接位于带有页码类的容器下吗？

您确定样式表是否正确链接到页面？

您确定它不与页码类相关联吗？在这种情况下，您将必须使用a.page-numbers css选择器来定位链接。