如何定义 div 的链接颜色？答案

【问题标题】：How Can I Define Link Colours for a Div?如何定义 div 的链接颜色？
【发布时间】：2012-08-14 19:15:37
【问题描述】：

我正在尝试仅更改一个特定开发层中链接的属性。理想情况下，我可以有一个代码，让文档中的每个链接都保持相同的颜色，尽管它的状态，但我认为这是不可能的。

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

<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>

任何帮助将不胜感激！

【问题讨论】：

别担心，Gareth，这是为了讽刺！

标签： css html colors hyperlink

【解决方案1】：

我假设您想更改 'home' div 中链接的颜色。 CSS 代码将是 -

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

试试吧，让我们知道！

【讨论】：

啊，效果很好，非常感谢！ :) 我怎么会错过呢？
很高兴知道这一点！您可能愿意接受答案，以便其他人知道它的工作原理！
太棒了！我什至不认为这是可能的。事实上，几年前我看到一个类似的问题被回答为“不可能”。但是效果很好！

【解决方案2】：

<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

【讨论】：