html - 2 种不同的链接样式在 IE 中显示正常，但在其他浏览器中显示不正确。单击链接时，所有链接都显示已访问

Question

我的网站在这里用于测试目的: http://www.splithorizont.com/itc/web1.html

在 IE 中，我的网站链接都可以使用，但在其他浏览器中，当我单击一个链接时，网页上的所有链接都会变成已访问的链接。

Here is CSS:

@charset "utf-8";
.css {
}
html, body {
        background-color:#d8e9f6;
        text-align:center;
margin:0 auto; 
width: 800px;
}

a.nav2:link { color: #FFFFFF; font-size: 20px; text-decoration: none;}
a.nav2:visited { color: #EA5421;}
a.nav2:hover { color: #EA5421; text-decoration: underline; }
a.nav2:active {color: #EA5421; text-decoration: underline;} 


a.nav1:link {   font-size: 16px;    color: #EA5421; }
a.nav1:visited {    color: #EA5421; }
a.nav1:hover {color: #EA5421; }
a.nav1:active {color: #EA5421; }



#center {width: 800px; margin:0 auto; }

#menu1 {width:792px;
 }
#nav_text {width:590px; height:210px; background-color:#f39e81; float:left; margin:8px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px; 

}

#nav_text2 {width:590px; height:210px; background-color:#509aca; float:left; margin:8px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;

 }
#nav_desno {width:170px; height:700px; background-color:#c0e3fd; float:right ; margin:8px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;
}
#razmak {width:800px; height:875px; float:left; background-image: url(slike/pozadina.jpg);}


.wrapper_menu {background-color:#1d6594; margin:8px; width:780px; text-align:center
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;}

.nav ul {
   list-style-type: none;
    text-align: center;
    }

.nav ul li {
    display: inline;

}
h4 {
    font-size: 14px;
    color: #333333;
    text-decoration:none
}
h1,h2,h3,h4,h5,h6 {
    font-family: Times New Roman, Times, serif;
}

Answer 1

如果您只单击一个链接，所有链接都进入已访问状态的原因是，所有链接都指向相同的地址:“#”。