2012-06-01 37 views
23

在我的網頁下面的CSS設置:如何改變鏈接的顏色在一個特定的類的DIV + CSS

a:link { 
    color: #0094DE; 
    text-decoration: none; 


} 
a:visited { 
     text-decoration: none; 
color: #0094DE; 

} 
a:hover { 
text-decoration: underline; 
color: #DD127B; 

} 

我想改變它具有分配給它的類的DIV中的鏈接顏色。 我試過如下:

register:link{color:#FFFFFF; 
     } 

凡寄存器中,我想改變的鏈接顏色的div名稱。 我該怎麼做? 另外如何改變懸停鏈接的顏色在同一個div?

回答

33
.register a:link{ 
    color:#FFFFFF; 
} 
+0

注意,這應該是#register,不.register ...的OP說DIV不是階級 – carrabino

+3

@Anthony的任擇議定書表示與分配給它的類股利。你說什麼仍然適用? –

+0

OP:「其中寄存器是我想要更改鏈接顏色的div的名稱」......對我而言,寄存器是id值,而不是已分配給div的類的名稱。 – carrabino

3
#register a:link 
{ 
color:#fffff; 
} 
-1

小尺寸版本:

#register a:link {color: #fff} 
20

它可以是這樣的:

a.register:link { color:#FFF; text-decoration:none; font-weight:normal; } 
a.register:visited { color: #FFF; text-decoration:none; font-weight:normal; } 
a.register:hover { color: #FFF; text-decoration:underline; font-weight:normal; } 
a.register:active { color: #FFF; text-decoration:none; font-weight:normal; } 
+1

謝謝 - 像魅力一樣工作! – Aaronster

+0

最高票數的答案對我無效,但使用這種語法確實奏效。爲此投票。 – ZeekLTK

+0

我也一樣。 +1 – Magiranu

4

如何對這樣的事情...

a.register:link{ 
    color:#FFFFFF; 
} 
+0

這實際上是我試圖解決的問題:這個地方的造型上是這樣的: click me 謝謝! –

-2

我想你想在a:linka,a:link)前面放置a,在你的CSS文件中。我可以擺脫那種可怕的默認藍色鏈接顏色的唯一方法。我不確定這是否對我們早期版本的瀏覽器是必需的,因爲它應該沒有工作a

0

如果您想要將a:hover上的CSS添加到不是所有標記,而是一些標記,最好的方法是使用類。給課程給所有你想賦予風格的標籤 - 參見下面的例子。

<style> 
a.change_hover_color:hover { 
    color: white !important; 
} 
</style> 

<a class="change_hover_color">FACEBOOK</a> 
<a class="change_hover_color">GOOGLE</a>