HTMLリンクが正しく動作せず、目に見えなく表示されます

Question

コードにシンプルなHTMLリンクを追加しようとしていますが、表示されません。ナビゲーションバーのリンクはうまく表示されますが、通常のリンクは目に見えないものとしてしか表示されません。つまり、私はそれをマウスで見るだけで何もしません。私が作成したCSSスタイルには問題があるかもしれませんが、コードを見渡して間違ったものは見つけられません。

/*STYLE FORMATTING FOR THE NAVIGATION BAR*/ 
.nav ul 
{ 
list-style-type:none; 
padding:0; 
margin:0; 
overflow:hidden; 
background-color:#6b234b; 
width:1000px; 
} 
.nav li 
{ 
display: inline-block; 
} 
.nav a:link,a:visited 
{ 
display:block; 
width:188.51px; 
font-size:1.20em; 
letter-spacing:3px; 
font-family:"ostrich"; 
color:#FFFFFF; 
background-color:#6b234b; 
text-align:center; 
padding:4px; 
text-decoration:none; 
} 
.nav a:hover,a:active 
{ 
background-color:#a03771; 
} 

/*STYLE FORMATTING FOR REGULAR LINKS*/ 
.links a:link 
{ 
text-decoration:none; 
font-size:0.5em; 
text-align:right; 
font-family:"hanzo"; 
color:#000000; 
} 
.links a:visited 
{ 
text-decoration:none; 
font-size:0.5em; 
text-align:right; 
font-family:"hanzo"; 
color:#000000; 
} 

.links a:active 
{ 
text-decoration:underline; 
font-size:0.5em; 
text-align:right; 
font-family:"hanzo"; 
color:#000000;} 

.links a:hover 
{ 
text-decoration:underline; 
font-size:0.5em; 
text-align:right; 
font-family:"hanzo"; 
color:#000000;} 

これは、添付のHTMLで実装しようとしているHTMLリンクです。

<table style="float:left;"> 
<tr> 
<td style="vertical-align:top;"> 
<table style="padding-left:40px; max-width:530px;"> 

<!--BEGIN ENTRY--> 
    <tr> 
    <td> 
     <p class="newsinfotitle">Info</p>  
    </td> 
    </tr> 
    <tr> 
    <td> 
     <img class="right" src="easterisland.jpg"/> 
     <p class="newsinfo">Info</p> 
     <a class="links" href="#">See More</a> 
    </td> 
    </tr> 

    <tr> 
    <td> 
     <hr/> 
    </td> 
    </tr> 
<!--END ENTRY--> 

Answer 1

.nav a:link,a:visited 
{ 
display:block; 
width:188.51px; 
font-size:1.20em; 
letter-spacing:3px; 
font-family:"ostrich"; 
color:#666;enter code here 
background-color:#6b234b; 
text-align:center; 
padding:4px; 
text-decoration:none; 
} 
.nav a:hover,a:active 
{ 
background-color:#6b234b; 
} 

Answer 2

ちょうどあなたはそれが白にリンクのテキストを変更されたリンクを訪問しているときは、visited.Soであなたのリンクの色#FFFFFFを与えているあなたのCSSに

.nav a:link,a:visited 
{ 
display:block; 
width:188.51px; 
font-size:1.20em; 
letter-spacing:3px; 
font-family:"ostrich"; 
color:#FFFFFF; 
background-color:#6b234b; 
text-align:center; 
padding:4px; 
text-decoration:none; 
} 

をこの部分をチェックします背景色は白で、テキストが見えない理由です。そこに色を変えれば良い結果が得られます。疑問が出たら私に知らせてください。

Answer 3

ちょうどこの

<style type="text/css"> 
.nav ul { 
list-style-type:none; 
padding:0; 
margin:0; 
} 
.nav li { 
display: inline-block; 
} 
.nav a:link,a:visited { 
display:block; 
width:188.51px; 
font-size:12px; 
letter-spacing:3px; 
font-family:"ostrich"; 
color:#cccccc; 
text-align:center; 
text-decoration:none; 
} 
.links a:link { 
text-decoration:none; 
font-size:12px; 
text-align:right; 
font-family:"hanzo"; 
color:#000000; 
} 
a.links { 
    color: #F00; 
    font-size: 12px; 
} 
.links a:visited { 
text-decoration:none; 
font-size:12px; 
text-align:right; 
font-family:"hanzo"; 
color:#000000; 
} 
.links a:active { 
text-decoration:underline; 
font-size:12px; 
text-align:right; 
font-family:"hanzo"; 
color:#000000; 
} 
a.links:hover { 
text-decoration:none; 
font-size:12px; 
text-align:right; 
font-family:"hanzo"; 
color:#000000; 
} 
    </style> 

はそれがyou.Youこれはyou.JustがあなたのCSSを維持し、その後きれいなマークアップするのに役立ちますa.links:hover .Hopeあるべきerror.Youが.links a:hoverを使用している一つのことを持っているのに役立ちます願ってみてくださいあなたは良いことをすることができます。