Question

我想确保链接以不同的颜色显示，即使我为包含它们的文本着色。现在我的链接显示为不同的颜色，但仅在文本未着色时显示。如果页面上的文字是彩色的，当我将鼠标悬停在它们上面时，我只会看到不同的彩色下划线。我希望人们知道那里有链接。谢谢！

Answer 1

欢迎使用Stackoverflow！您可以使用CSS中的a:选择器指定各种状态的链接样式。除非您定义更具体的规则（例如p a:link），否则链接样式不会受到CSS中任何其他样式规则的影响，这会影响<p>标记内的所有链接。请参阅下面的代码和链接：

http://jsfiddle.net/xAQL5/1/

HTML：

<p>
Text,text,text,goose <a href="#">Link</a>
<p>

CSS：

p{
color:blue; /*Colors the paragraph text blue.*/
}

a:link{
color:black;  /*This will make the default color of your link black.*/
}

a:hover{
color:green; /*When a mouse hovers over the link it will turn green.*/
}

a:active{
color:red; /*This will cause the link to turn red when it is clicked.*/
}

a:visited{
color:orange; /*This will specify the color of the link after it has been visited.*/
}

即使文本是彩色的，如何确保强制使用链接颜色

1 个答案: