Question

我在打印网站页脚时遇到问题。由于某种原因，页脚打印正确，但链接显示为正常无格式链接与蓝色字体。到底是怎么回事？样式表包含在页面上。

<div id='footer'>Private Site&copy; <a href='mailto: contact@privsite.com'>Contact Us</a></div>

#footer
{
padding-top: 20px;
border: solid     #4F7D7D;
border-width: 1px 0 0 0;
text-align:center;
display: inline;
}
#footer a:visited,     #footer a:link
{
color:    #666;
text-decoration:none;
}
#footer a:hover
{
color:    #060;
}

Answer 1

如果您对链接，访问和活动状态使用相同的颜色，则可以使代码更简单：

#footer a{
    color:    #666;
    text-decoration:none;
}

#footer a:hover{
    color:#060;
}

此外，锚标记的psudeo-classes顺序为：

：链接 - 未访问的链接
：已访问 - 访问过的链接
：有效 - 有效链接
：悬停 - 正在悬停的链接
：专注 - 专注于

的链接

Answer 2

更新已访问的行，并在下面列出

#footer a:visited,#footer a:link,#footer a

Answer 3

问题是：

#footer a:visited,     #footer a:link

以两种不同的风格收缩这两种。或许你可以忽略：

#footer a:visited

Answer 4

您的<link>标记中存在错误，该错误未包含在内，或者可能包含在其字符编码或网址中。问题不在您的标记或您包含的样式表中，而是在它们之外。（我的意思是你问过的技术问题。）

使用链接标记使用CSS样式表格式化

4 个答案: