2016-06-13 103 views
0

我在覆蓋DIV中的鏈接顏色時非常困難。不管我做什麼,我最終都會使用CSS的默認鏈接顏色。我只是不明白。預先感謝您 - 有什麼想法?覆蓋DIV中的鏈接顏色

在我的CSS的底部我也補充道:

#retpopups a:link{ 
color:#CC0000; !important 
background-color:transparent; 
text-decoration:none; 
font-weight:bold 
}, 
a:visited { 
color:#7b3333; !important 
background-color:transparent; 
text-decoration:none; 
font-weight:bold 
}, 
a:hover { 
color:#f55c5c; !important 
background-color:transparent; 
font-weight:bold 
},   
a:active { 
color:#00527a; !important 
background-color:transparent; 
text-decoration:underline; 
font-weight:bold  

HTML:

<div id="retpopups" align="center"> 
<table width="32%" border="0" align="center"title="Data Available"> 
<tr>`enter code here` 
<td> 
<a href="#"onclick="MM_openBrWindow 
('images/grandview/retail/grandview_rendering.pdf', 
'GrandViewRendering','toolbar=yes,location=yes,scrollbars=yes, 
resizable=yes,width=600,height=600')"> 
Rendering</a> 
</td> 
</tr> 
<tr> 
<td> 
<a href="#"onclick="MM_openBrWindow 
('images/grandview/retail/grandview_aerial.pdf', 
'Aerial','toolbar=yes,location=yes,scrollbars=yes,resizable=yes, 
width=600,height=600')"> 
Aerial View</a>    
</td> 
+0

你的代碼工作正常:http://codepen.io/anon/pen/KMzZgZ –

+0

您應該使代碼高亮工程與CSS標籤這個。 – BSMP

+0

@AndrewLyndem - 懸停不起作用。 – BSMP

回答

0

首先,重要的需求是風格(顏色裏面:#FF0000重要;)修正了和逗號使用,它工作正常!

#retpopups a:link{ 
color:#CC0000; 
background-color:transparent; 
text-decoration:none; 
font-weight:bold 
} 
#retpopups a:visited { 
color:#7b3333; 
background-color:transparent; 
text-decoration:none; 
font-weight:bold 
} 
#retpopups a:hover{ 
color:#09f; 
background-color:transparent; 
font-weight:bold; 
}   
#retpopups a:active { 
color:#00527a; 
background-color:transparent; 
text-decoration:underline; 
font-weight:bold; 
}