DIV内のリンクの色を無効にする

Question

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> 

Answer 1

まず、重要なニーズは、スタイル（色の内側にあることを：私が追加した私のCSSの一番下に

！＃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; 
}