web-dev-qa-db-ja.com

Divのリンクの色を定義する方法はありますか

特定の1つの開発レイヤーのみでリンクのプロパティを変更しようとしています。理想的には、ステータスにかかわらず、ドキュメント内のすべてのリンクを同じ色に保つコードを用意することができますが、それは可能ではないと思います。

これは現在私が持っているコーディングですが、うまくいきません：

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

どんな助けでも大歓迎です！

csshtmlcolorshyperlink
11
Mo GaGarnsey

'home' divのリンクの色を変更したいと思います。 CSSコードは次のようになります-

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

ぜひお試しください。

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

3
yckart