如何为Div定义链接颜色？

Question

如何为Div定义链接颜色？

13

我试图只更改一个特定的开发层中链接的属性。理想情况下，我希望能够编写一段代码，使文档中的每个链接无论其状态都保持相同的颜色，但我认为这是不可能的。

这是我目前拥有的代码，但它没有起作用：

<head>
<style type="text/css">

body {
background-color:#B7B7B7;
background-image:url('http://pophatesfags.site90.net/pophatesfags.png');
background-repeat:no-repeat;
background-position:center top;
}

.text {
font-style: italic;
border-bottom:1px dashed black;
}

div.home {
a:link { color: #70DB93; }
a:visited { color: #70DB93; }
a:hover { color: #70DB93; }
a:active { color: #70DB93; }
}

</style>
</head>

<font color="70DB93"
<div id="home" class="div" style="position:absolute; width:715; height:42; left:27%; top:178px">
<span class="text">
<a href="http://www.pophatesfags.site90.net/home.html">home</font></a></div></style>

非常感谢您的帮助！

- Mo GaGarnsey

别担心，Gareth，这是一种讽刺的意味！ - Mo GaGarnsey

2个回答

4

<head>
<style type="text/css">

body {
background-color:#B7B7B7;
background-image:url('http://pophatesfags.site90.net/pophatesfags.png');
background-repeat:no-repeat;
background-position:center top;
}

.text {
font-style: italic;
border-bottom:1px dashed black;
}

div#home a:link { color: #70DB93; }
div#home a:visited { color: #70DB93; }
div#home a:hover { color: #70DB93; }
div#home a:active { color: #70DB93; }

</style>
</head>

<div id="home" class="div" style="position:absolute; width:715; height:42; left:27%; top:178px">
<span class="text">
<a href="http://www.pophatesfags.site90.net/home.html">home</a></div>

http://jsbin.com/ujivoy/1/edit

- yckart

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- some_other_guy · Accepted Answer

我认为您想要更改“home” div中链接的颜色。 CSS代码将是 -

#home a:link { color: #70DB93; }
#home a:visited { color: #70DB93; }
#home a:hover { color: #70DB93; }
#home a:active { color: #70DB93; }

试一试，然后告诉我们！