2016-06-13 99 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; 
}